We’ve discovered some great galleries of CSS navigation menus to give your creative side a jumpstart.
- Vitaly Friedman’s CSS Showcase – Lots of examples showing what you can do with CSS navigation.
- Collection of Web 2.0 Navigation Menus – Massive list of sites that use tabbed navigation.
- CSS-Based Navigation Menus: Modern Solutions – Smashing Magazine a list of “beautiful and user-friendly Navigation Menus and solutions web-designers came up with using basic CSS styling.”
CSS Navigation Tutorials
These here are some of the best tutorials for creating unique (but still user-friendly) CSS menus. They’re all easy to follow; you can pretty much create your whole navigation menu from just a few simple elements.
- CSS only menus – This is a HUGE list of different CSS menu types and tutorials.
- Horizontal and Vertical CSS Menu Tutorial – Check this out for some CSS popout menus.
- Navigation Matrix Reloaded – Create a stylish navigation using just one image.
- CSS Step Menu – Cody Lindley shows you how to make a cool step (aka wizard) menu.
- Pure CSS Popups – Create static-text popups for your nav menu with CSS!
- How To Center a Tabbed Horizontal CSS Menu – Want your CSS menu centered?
- Listamatic – Great tutorials on how to create CSS menus from lists.
CSS Navigation Templates and Generators
If you’re in need of quick, no-hassle navigation, take a look at these hot templates and generators; they’re all pretty easily customized, so yours won’t end up being a clone.
- 13styles.com – 13 different CSS menus for you to download. Most of them are free.
- CSS Menu Generator – A simple generator that creates left-side navigations menus. Just put in your colors and titles and it’s done!
- 8 Web Menus You Just Can’t Miss – Download 8 cool CSS menus (2 of them also use mootools, though!)
- Explodingboy gives you 37 free CSS menus to download:
– 14 Free Vertical CSS Menus
– Free CSS Navigation Menu Designs
– More Free CSS Navigation Menu Designs
- Free Menu Designs – 9 free vertical block menu designs.