Most Recent
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.

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.

Setup Google Code Prettify on your Website

Setup Google Code Prettify on your Website

A beginner’s guide to install and use Google Code Prettify aka Prettyprint on your website with least coding skills required.

Image hover Zoom n’ Rotate effect with Pure CSS

Image hover Zoom n’ Rotate effect with Pure CSS

Simplest way to achieve zoom-in and rotate effect on image hover with plain CSS.

Pixel Polyfill for REM Units (with SASS Mixin)

Pixel Polyfill for REM Units (with SASS Mixin)

Pixel polyfill for “Root em” or rem font-size unit – detailed explanation with a handy SASS mixin.

Lazy loading JavaScript to improve site speed

Lazy loading JavaScript to improve site speed

A guide to load external JavaScript files asynchronously – covering JavaScript, jQuery and HTML5 solutions to lazy load scripts and speed up website.

Build an XML Sitemap for your static website

Build an XML Sitemap for your static website

An easy to implement guide to build XML Sitemap for your static websites using free software programs without messing up with XML codes.