Slide Out Box Menu is a details menu with boxes that slide out in an irregular grid. The grid items get revealed individually with delays from the top right corner of the page.
Slideout.js is a touch slideout navigation menu for your mobile web apps.
Features
Shifter is a jQuery plugin for simple slide-out mobile navigation. Shifter works by checking for target elements in the DOM and binding events to them.
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.
A simple, horizontal slide out menu with a grid-like thumbnail layout for the submenu. The menu slides out from the top when a main menu item is clicked and the sub-items fade in. When clicking on another item, the height of the submenu will adjust and the content will fade in and out while switching.
Some media query examples show how to make the menu responsive and change the view to a touch-friendly vertically stacked navigation.
