Home > Menu & Navigation (page 5)

Menu & Navigation

Responsive Navigation with CSS3 & jQuery

Responsive Navigation with CSS and jQuery.This project is an attempt to create a navigation system that provides basic functionality even without javascript, with CSS only. The first goal was to see how far we could go with CSS alone. Every site should be usable without javascript (and also without CSS …

Read More »

Responsive Side Toggle Menu

Side Toggle Menu lets you add a side bar menu to your page that slides in from the left or right edge of the browser window. It supports two types of unveiling- either by nudging the rest of the page and making room for itself, or overlaying the page.  CSS3 transitions are …

Read More »

Tooltip Menu

This is a simple tooltip menu that will show a tooltip submenu when hovering over an item. The submenu will either appear above or below the main menu, depending on where more space is available. Using Modernizr’s touch detection, the menu will either react on hover or on click. Example media queries show …

Read More »

Responsive Retina-Ready Menu

A responsive, touch-friendly and Retina-ready menu with three layouts for different browser sizes. The menu automatically changes to one of three different layouts depending on the browser window size: a “desktop” inline version, a two columns tablet-optimized version and a mobile version with a menu link to display and hide the navigation for smaller …

Read More »

Responsive Multi-Level Menu

A responsive multi-level menu that shows its submenus in their own context, allowing for a space-saving presentation and usage. Each sub-level in this menu will be shown in its own context, making the “parent” level disappear. This is done with subtle animations that are defined in separate animation classes. The menu is …

Read More »