A responsive multi-level menu that shows its submenus in their own context, allowing for a space-saving presentation and usage.
Each sub-level in this menu will be shown in its own context, making the “parent” level disappear. This is done with subtle animations that are defined in separate animation classes. The menu is fluid so that it can be used easily in a responsive layout.
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.
Features
Sudo Slider is a flexible jQuery slider plugin that can display HTML content with many presentation methods. It can load the items via Ajax and display them with slide or fade effects.
Features
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:
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.
Flexisel is a responsive image carousel jQuery plugin that adapts to screen size to create a great user experience showcasing content on all devices. It will change the number of items shown depending on the viewport width. All you have to do is call flexisel on your unordered list containing images.
Responsive Thumbnail Gallery is a jQuery plugin for creating image galleries that scale to fit their container.
Selecter is a jQuery plugin for replacing default select elements.
Replace those boring default select elements with something a little nicer. It plays nice with that shiny responsive layout.
DyLay is a jQuery plugin which allows to create dynamic layout very easily.
Dylay is responsive and is tested in Safari, Firefox 1.5+ , Internet Explorer 6+, Opera 9+ and Chrome.
SuperBox is a new jQuery plugin that takes the whole 'image' and 'lightbox' one step further, reducing the JavaScript and image load dependence to make lightboxing a thing of the past! Using HTML5 data-* attributes, responsive layouts and jQuery.
SuperBox works wonders as a static image gallery, which you can click to reveal a full version of the image.
Unslider is a lightweight jQuery slider plugin that just slides content without fancy effect and unnecessary markup. It's fluid, flexible and minimal.
Swipe is lightweight and accurate touch slider.
Features:
JResponsive is a simple jQuery plugin that allows you to add a dynamically-resized layout to any page or element, customize the layout the way you want with or without top,right,left or bottom navigations.
JResponsive will organize your content in an efficient, dynamic and responsive layout. It can be applied to a container element and it will arrange its children in a layout that makes optimal use of screen space, by "packing" them in tightly.
This large responsive horizontal drop-down menu simply shows the sub-menu when an item gets clicked. It’s inspired by the Microsoft.com drop-down menu.
