Auto-hiding header with CSS and jQuery

A simple tutorial by CodyHouse showing how to easily create a Medium-style auto-hiding header with few lines of CSS and jQuery.

Auto-hiding header with CSS and jQuery

10 CSS hamburger menu effects

Hamburgers is a collection of 10 hamburger menu animations made with CSS. The project includes Sass files and ARIA support for accessibility.

10 CSS hamburger menu effects

Line style navigation menus

A collection of ready-coded line style links you can for inspiration or create stunning navigation menus. Created by Codrops team.

Line style navigation menus

Stretchy navigation code snippet

A pure CSS code snippet to easily create a stretching navigation menu including a detailed tutorial by CodyHouse.

Stretchy navigation code snippet

Page stack navigation template

A page stack navigation template based on the Dribbble shot Stacked navigation by Ilya Kostin. Tutorial and snippet by Codrops.

Page stack navigation template

Cards navigation template

A full-page cards navigation template inspired by Primer app. It is great for blogs and portfolios. A project by CodyHouse.

Cards navigation template

Animated page transition with Ajax

A tutorial that explains how to create an ajax powered page transition, with a slide-in content animation triggered by a side navigation.

Animated page transition with Ajax