Device Agnostic Approach to Complex Site Navigation with Support for Touch and Keyboard Accessibility
A mobile-first example of using media queries and jQuery to make a decent site menu with drop downs. Special attention is paid to touch screens using click events for tap targets.
Flaunt.js is a jQuery script that allows you to create a responsive, nested navigation out the box.
Flaunt 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.
doubleTapToGo is responsive and touch-friendly dropdown navigation.
The technique consists of three main parts:
jQuery Navobile is a jQuery plugin that makes mobile navigation easy. Navobile uses CSS to apply CSS3 translations, Mobile device detection and fixing the position of nav.
SooperFish is a customizable solution for animated dropdown menus. It combines the features of superfish, structured programming of Droppy and a ton of new features like multi-column dropdown menus and configurable show and hide animation with custom easing.
naviDropDown is a simple jQuery plugin which allows you to create a simple drop down menu, utilising hoverIntent, and jQuery’s own slideUp and slideDown effects.
You can also set the orientation of the drop down depending if your navigation is horizontal or vertical, and set the duration and easing method of both slideUp and slideDown on initiation of the plugin
jqDock is a jQuery plugin that transforms images into a Mac-like Dock menu, with icons that expand on rollover!
The plugin works with images, or images within anchors, and has a number of configuration options which provide :
Sidr is a jQuery plugin for creating side menus and the easiest way for doing your menu responsive.
There are 2 themes included with the plugin, a dark one and a light one. You can use them, create a new one or override them with your own styles.
In this tutorial you are going to build a simple jQuery-powered dropdown menu. This can work well using the animate method for generating delayed effects. Along with the typical JS codes also some CSS3 transition effects into the stylesheet. Any webmaster who can edit these codes will surely find use in a pre-built customized navbar solution.
MeanMenu is a jQuery menu plugin for responsive designs, media query independent.
Pie Menu is a simple configurable Path Menu written in jQuery and CSS3.