When designing a website, one of the most important elements is the navigation. Both in terms of usability and appearance, navigation menus typically will have a significant influence on the outcome of the design. In this post we’ll feature more than 60 tutorials, resources, and items of inspiration that can help in your own design and development work with navigation menus.

Tutorials for Creating Navigation Menus:

If you’re looking to improve your navigation menu or design one for a new site, this collection of tutorials will show you how to accomplish many different types of menus. Sexy Drop Down Menu with jQuery and CSS Create Vimeo-Like Top Navigation CSS Tabs Menu with Dropdowns Create Apple.com-Like Breadcrumb Using Simple CSS Simple Scalable CSS Based Breadcrumbs Advanced CSS Menu Pastel Color Menu with Dynamic Submenu Using CSS CSS Sliding Door Using Only One Image How to Create a CSS Menu Using Image Sprites How-to: DropDown CSS Menu CSS Overlapping Tab Menus Create a Multilevel Dropdown Menu with CSS and Improve it with jQuery Easy CSS Dropdown Menus Designing the Digg Header Super Fantastic CSS Navigation Image Rollovers CSS Navigation Rollovers with Drop-downs Elegant Glass-Style Navigation Bar Using CSS and Toggle Animated Effect Vertical CSS Menu with a “Behavior” File Navigation Bar with Tabs Using CSS and Sliding Doors Effect Flickr-Like Horizontal Menu CSS Sprite Navigation Tutorial How to Create a Slick and Clean Button in Photoshop How to Create a Stunning Vista Inspired Menu Glossy Navigation Tutorial Tutorial: Stylish Black Buttons Clean and Dark Navigation Bar

Resources for Creating Navigation Menus:

These resources can be helpful for quickly creating a menu. Some  provide the code for various menus, while others allow you to choose some details about the menu that you want, and then the code is generated for you. Listamatic Listamatic 2 Menus from Dynamic Drive 13 Styles Exploding Boy Vertical Menus Exploding Boy Sliding Doors Menus DevSnippets Free Menu Designs from e-lusion.com CSS Menu Generator Menus from CSS Play CSS Menu Maker IzzyMenu Styled Menus CSS Menu Builder

Inspirational Navigation Menus:

If you would like to design an improved navigation menu but you’re not sure which route to take, here is a collection of inspirational menus that should give you some ideas. Power to the Poster 45royale Chris Jennings Assaroe Falls Outlaw Design Blog Inner Metro Green The Ernest Hemingway Collection 30elm Nuttersmark Good Fall for Tennessee Jobs on the Wall Blogger Bake Off Epicurious Family Life Inkd Onehub Tennessee Vacation FAIRspot Wire & Twine College Park Church