Simple Open Source CSS Multi-Level Accordion Menu

This beautiful CSS accordion menu is perfect for almost any website. You can download it straight from Codyhouse and even test a demo on the site. It’s all built using CSS with multi-level menus appended inside the navigation. You can fit 3+ tiers of navigation into the one design as needed. All of the code […]

Building a Mega-Navigation Menu with CSS3 and jQuery

Larger navigation menus will typically include separate dropdown lists to appear on hover. But for some websites it can be necessary to expand this dropdown across the entire page. Designers might call this a “mega navigation” for its influence over the whole menu.

In this tutorial I want to demonstrate a method of creating one unified mega navigation menu. There are many different techniques you can use to achieve a similar effect. I’ll be using jQuery to embed sub-navigation content into a dropdown mega nav box. Take a look at my live demo to see the final design.

mega navigation menu howto tutorial preview jquery

Tips for Crafting Simple and Usable Website Navigation Menus

Most designers would agree that it’s crucial to understand the purpose of navigation. Understanding what a typical visitor is looking for can influence the design itself. But you also need to construct layouts in an easy-to-use fashion that serves a greater purpose.

website wireframe sketch user interface vimeo video page