Tutorials

CSS-only Responsive Multi-level Navigation Menu

CSS-only Responsive Multi-level Navigation Menu

A tutorial explaining the creation of a responsive, touch-friendly multi-level navigation menu with just CSS.

3d Earth with Rotating Animation with CSS

3d Earth with Rotating Animation with CSS

3d Earth with rotating animation built with pure CSS – covered tutorial, demonstration, and code.

Techniques to clear floats in CSS

Techniques to clear floats in CSS

Clear CSS floats like a pro with these popular ways / hacks – code and demonstration included.

Creating a Simple Responsive Navigation menu with CSS

Creating a Simple Responsive Navigation menu with CSS

Tutorial to create a Simple Navigation menu from scratch with CSS3 and HTML5. Demonstration included.

Wavy Preloader Animation with CSS

Wavy Preloader Animation with CSS

A detailed tutorial to create wavy preloader animation with CSS using CSS3 Keyframes property.

Spritesheet Animation with CSS

Spritesheet Animation with CSS

A simple tutorial to create Classic Spritesheet animations with CSS3 keyframe animation property.

Disable automatic paragraphs in WordPress posts

Disable automatic paragraphs in WordPress posts

An easy way to disable automatic adding of paragraph tags in WordPress posts without using any plugins. Disable it completely or for custom post types.

Animated Nav Menu icon with Pure CSS

Animated Nav Menu icon with Pure CSS

Simple tutorial to craft a CSS-only navigation menu icon that animates and transforms into a cross / cancel icon on hover.

Creating a search box like CSS-tricks.com

Creating a search box like CSS-tricks.com

Simple tutorial to create a search box similar to the one at CSS-tricks.com – all credits goes to the creator of the original.

Creating a CSS-only Responsive Image Slider

Creating a CSS-only Responsive Image Slider

Neat and simple, animated responsive Image slider built with pure CSS (CSS3) – works on all modern web browsers.