Navigation

Fixed Responsive Nav is a responsive, fixed and touch friendly one page navigation with animated scrolling.   Fixed Responsive Nav - Features: Fixed positioned, always visible navigation bar Uses vanilla JavaScript, no jQuery required Smooth animated scrolling Removes 300ms tap delay Adds a mask over the content when navigation is open Auto highlights current location Uses a tiny custom font for icons (only two characters included) Closes the navigation when user tap's outside of it T

Accessible Mega Menu is a demonstration of how to implement a keyboard and screen reader accessible mega menu as a jQuery plugin. It is modeled after the mega menu on adobe.com but has been simplified for use by others. An brief explanation of the interaction design choices can be found in a blog post at Mega menu accessibility on adobe.com. Content for the links and text within the mega menu comes from the Web Content Accessibility Guidelines (WCAG) 2.0.  

jQuery.pin is great for pinned navigations and anything you want to stick. It pins any element within a container. Easily disable it for smaller screen-sizes where there's no room for that kind of shenanigans.    

jQuery scrollNav is a light jQuery plugin that grabs your page's existing content, divides it up into logical sections and builds a customizable scrolling sidebar navigation.   jQuery scrollNav -Features: Simple to setup - A single file import and function in your footer and you're on your way. Fully Customizable - All the styling is up to you and the few bits controled by the plugin are editable Tiny Size   There are a few customizable options in scrollNav using key : value pairs: Sect

Responsive Nav is a tiny JavaScript plugin which helps you to create a toggled navigation for small screens. It uses touch events and CSS3 transitions for the best possible performance. It also contains a “clever” workaround that makes it possible to transition from height: 0 to height: auto, which isn’t normally possible with CSS3 transitions.   Responsive Nav - Features: Simple, semantic markup. Weighs only ~1kb minified and Gzip’ed. Doesn’t require any external library. Uses CSS3 transi

jQuery Sortable is a flexible, opinionated sorting plugin. It enables items in a list (or table etc.) to be sorted horizontally and vertically using the mouse. Supports nested lists and pure drag/drop containers.   jQuery Sortable does not depend on jQuery UI and works well with Twitter's Bootstrap (You can even sort the Bootstrap navigation).  

visualNav is a jQuery plugin that modifies a navigation menu to highlight / change when the menu's target smooth scrolls into view. visualNav - Features: Smooth scrolling page navigation. Easing can easily be defined for both horizontal and vertical scrolling. Auto-updating menu which highlights both the currently viewed content & other content in view. User can cancel auto-scroll by pressing any key, clicking on the page or scrolling the mousewheel. Can be set up to work with any men

jQuery Slide Drawer is a plugin for a slide drawer at the bottom of your page. This plugin has several settings that allow for the drawer to remain static and just toggle, to go away after a set amount of seconds and the speed at which is moves.       

MeanMenu is a menu system for converting a standard menu into a mobile/tablet responsive menu, media query independent. MeanMenu is not a menu system replacement. It is simply a lightweight piece of jQuery to convert a standard navigation into a mobile/tablet navigation. MeanMenu - Features: Hide or show menu children Target navigation element to swap out with MeanMenu Orientation adjustment (centered menu will reposition when you tilt the device) Control screen width at which MeanMenu act

Flaunt.js is a jQuery script that allows you to create a responsive, nested navigation out the box. It was built to overcome responsive design challenges which faced a huge percentage of websites. This challenge was to show nested navigation items on click-demand, without the event taking you through to the page you've pressed...