A tutorial that explains how to create an ajax powered page transition, with a slide-in content animation triggered by a side navigation.
A responsive and easy to customise mega-dropdown component that you may find useful when building a menu for your website or theme.
CSS mega dropdown menu
Slideout.js is a lightweight and dependency-free plugin for creating touch slide navigation menu for web and mobile apps.
Slideout.js – Touch navigation menu
A little playful content navigation effect that uses the draggable Elastic Stack and Snap.svg for animating a background like a trampoline.
Trampoline effect with CSS and SVG
An interesting pull menu interaction experiment for mobile devices made with few lines of CSS and Javascript.
Pull menu interaction concept
A responsive and easy to customise navigation for mega-sites, enriched by subtle CSS animations and support for devices with javascript disabled.
Mega-Site Navigation with CSS and JS
hamburgler.js is a small CSS + jQuey snippet to create full page responsive menus.
hamburgler.js – Snippet for full page menus
A responsive tabbed navigation with support for both horizontal and vertical menu positioning. CSS snippet created by Codyhouse.
CSS responsive tabbed navigation
Here is a full tutorial for creating a perspective page view navigation with CSS 3D animations. Published by Codrops.
Perspective page view navigation
Here is an interesting HTML/CSS snippet for creating nice menu icon animations. Coded by Bennett Feely.
