W3Bits

  1. CSS-only Responsive Multi-level Navigation Menu

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

  2. 3d Earth with Rotating Animation with CSS

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

  3. Techniques to clear floats in CSS

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

  4. Creating a Simple Navigation menu with CSS

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

  5. Wavy Preloader Animation with CSS

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

  6. Spritesheet Animation with CSS

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

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

  8. 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.

  9. 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.

  10. 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.