Digg Type Menu With CSS
Apr 13, 2012 Goodies, Menu Navigation
woork, a blog that has some very nice web resources, shows how to create the famous digg-like navigation with a tutorial & source files.
The tutorial also explains how to create liquid & rounded corner items that you may find useful.
Tags: Css Digg Menu Navigation
Drop-Down Menu Simplified: ADxMenu
Apr 13, 2012 Goodies, Menu Navigation
ADxMenu is a JavaScript and CSS drop-down menu solution which web designers will find easy to modify.
It supports unlimited sub-menus and offers a simplified usage as it uses the well-known
Website: http://aplus.rs/adxmenu/
Demo: http://aplus.rs/adxmenu/examples/
Download: http://aplus.rs/adxmenu/
Dock Menu Script For Functional Navigations
Apr 13, 2012 Goodies, Menu Navigation
Dock menus are very handy when it comes to limited space in designs. They just appear when needed and this idea expands the website area so much.
Webber 2.0 Dock Menu is a nice JavaScript docking menu which is easy to implement and does not require any JavaScript frameworks.
It is built with the Philippe Maegerman’s tween class. The logic of the menu is very simple: an empty div which determines the mouseover area for the docking effect and that’s it. Simple but very functional.
Website: http://2210media.com/dock_menu/
Tags: Css Javascript
Tabbed Content Area With jQuery And CSS
Apr 13, 2012 Goodies, Menu Navigation
Tabbed content areas are a popular solution for the “lots of content – few space” problem.
Nettuts, a great tutorial website about web design & development has a nice example of creating a tabbed content area with jQuery & CSS.
When clicked to the tabs, content area switches to the new content with a slick accordion type effect.
Besides getting the ready to use codes from the tutorial, you can see how every step of the project is completed.
Here is the final demo of this tabbed content area.
Compatibility: All Major Browsers
Website: http://nettuts.com/html-css-techniques/how-to-create…
Demo: http://nettuts.s3.amazonaws.com/001_Tabbed/site/jQue…
Tags: Accordion jQuery
iPod-Like Drilldown Menu With jQuery
Apr 13, 2012 Goodies, Menu Navigation
iPod-like jQuery drilldown menu provides easy navigation of complex and multi-level menus.
The menu sits within a fixed-size area, and when a node is selected, breadcrumb links appear above the menu options to both deliver feedback and allow quick access back to nodes higher up in the hierarchy.
An iPod-style slide transition helps providing the feelthat you’re moving forward into the data, or backward into higher-level data.
This menu is specifically useful in browsing deeply nested hierarchies, particularly those more than three levels deep. It also provides a more usable alternative to multi-level fly-out menus, which can present challenges to those with limited manual dexterity.
It is not coded for ease of modification, but is free to reuse and modify with a proper attribution to Filament Group. Feel free to visit the demo page and view the source code to see how it works
Website: http://www.filamentgroup.com/lab/jquery_ipod_style_d…
Tags: iPod jQuery