In this tutorial, we are going to create a Full-Screen Navigation Menu using HTML, CSS3 and a little bit of jQuery. For this tutorial, we’re going to use Google Fonts, specifically Montserrat. Make sure you include it.

FooNav.js is a free plugin built on jQuery that let’s you make a simple menu to help users navigate either your site or a single pages content. You can create your own custom menu links or let the plugin crawl your page for headers and build up a simple navigation menu itself.

Off-canvas sliding navigation menu is used mostly on mobile and touch devices. It has a UI component which is an effective way of presenting menus on small screens and can be easily implemented using some simple JavaScript and CSS.

A responsive and easy to customize navigation for mega-sites, enriched by subtle CSS animations and support for devices with javascript disabled.

A fixed menu that drives users’ attention to a couple of call-to-action buttons first, then let them explore the full-screen pop out navigation.

An experimental full-screen navigation, animated using CSS and jQuery, that expands within a circle.

Responsive Tabbed Navigation

Thursday, 21 May 2015

A handy tabbed navigation, optimized for mobile devices, with support for both horizontal and vertical menu positioning. It’s created by using CSS and jQuery.