A tutorial on how to create a off-canvas icon navigation with an animated border effect. The menu effect is inspired by CreativeDash's bounce menu for mobile apps.
context.js is a lightweight solution for contextual menus. Currently, there are two versions.
The first is to be used with Twitter Bootstrap (bootstrap.css specifically). If you do not use or want to use bootstrap.css, there is a standalone stylesheet to give the menu it's base styles.
menuSlider is jQuery menu slider plugin that creates the slider over the menu items. It's easy to use and create menus with slide animation effect.
A tutorial on how to create some nice custom drop-down lists with CSS and jQuery.
There are five examples with different looking drop-down menus and lists for various purposes.
A tutorial about Creating Android Dock using jQuery & CSS3.
The application icon will pop out consecutively when arrow image on the dock clicked and not just the icon beautifully animated the dock itself also rotating vertically with 3D style.
A tutorial about "Creating Jelly Navigation Menu for Touch Devices" by Smashing Magazine.
PaperJS used for the canvas graphics and TweenJS used for the animations.
A tutorial about creating an accordion menu by using jQuery and CSS3.
A tutorial about "Creating Google Play’s Multi-Level Navigation Menu".
This menu has smooth animation and let users peek at the root-level menu by simply hovering a back button. It's created with using HTML, CSS and jQuery.
An experimental push menu with multi-level functionality that allows endless nesting of navigation elements.
The result is a “push” menu that can (theoretically) contain infinite nested sub-menus. When opening a sub-level, the whole navigation pushes the content more, allowing a slice of the parent menu to be visible. Optionally, this slice can be visible or not, in which case the sub-menu will simply cover its parent.
Menutron transforms your navigation menus from a list to a select menu when resizing your browser. On mobile devices, the select menu pulls up a native control, making it easier to pick an item.
A tutorial on how to re-create the slide out sidebar menu that can be seen on the Google Nexus 7 website.
It slides out with a really nice effect where some subitems get expanded as well. When hovering over a special menu icon, the sidebar icons will be revealed. When clicking on the icon, the whole sidebar menu will be shown. The first sidebar menu item is a search input which is styled the same way like the other menu items.
slimMenu is a lightweight jQuery plugin, which is made to create responsive and multi-level navigation menus on the fly.
Navgoco is a simple jQuery plugin which turns a nested unordered list of links into a beautiful vertical multi-level sliding navigation with options to remember sub-menus visible state between sessions and act as an accordion.
contextMenu.js is a plugin to create windows like context menu with keyboard ineteraction, different type of inputs, trigger events and much more.