Category Archives: Navigation

Animated Header Background using Jquery & Canvas

Looking for the nice effect to create an animated header background using Jquery? This is pretty awesome and simple particularly effect inspired by space networks. This is an awesome animation for your site header background. If you want to build something unique for the header of your site then it will help you to achieve… Read More »

Create CSS Responsive Header with Logo and Menu

Do you want to quickly build a CSS navigation bar with the logo? Check out this plugin and create a responsive header with a dropdown menu. It is base on jQuery and CSS which is easy to customize and simple to use. The navigation bar comes with black background whether the logo aligns on the… Read More »

Pure CSS Hamburger Fold-out Menu

If you are not aware, The off-canvas hamburger menus which build with the only CSS are not a recent discovery. You may know that Chris Coyier wrote about this technique back in November of 2012. Today, We will walk through you to create another simple but Pure Hamburger Fold-out Menu which are responsive and work well… Read More »

Menu Hamburger Toggle Menu CSS Only

The Off-Canvas Hamburger Menu is a new addition in web design. Before it was only for mobile but now the latest web trend shows many sites add them on the desktop version of the site. Today, We have a fancy hamburger toggle navigation Menu which builds with CSS/CSS3 only. It allows the user to toggle… Read More »

Scrollspy Smooth Scroll Plugin in JavaScript – Gumshoe.js

Are you planning to build a single page website? And looking for a solution to add Scrollspy to links? The Gumshoe.js provide smooth scrolling for navigation links. It enables the links to smoothly scroll between page section with the support of Scrollspy. It’s a simple vanilla Js script which lightweight (3kb minified) JavaScript library that… Read More »

Javascript Simple Scrollspy Sticky Navigation Plugin

Do you want to build a one-page website? And looking to implement fixed or sticky navigation? This javascript simple Scrollspy navigation plugin allows you to build it quickly. Using readymade plugins means you are going to save a lot of time and fast the work progress. If you are short of time and want to deliver the… Read More »

Create Jquery Sticky HeaderAfter Scroll

Previously, we have shared an auto-hide header on scroll and here let’s have a look Jquery sticky header which stays at top of the page after scroll. It is a simple sticky header which always stays at the top area of the page. It has a main banner where you can include some info and… Read More »