Best jQuery CSS2 / CSS3.0 Plugins & Tutorials with Demo

    Create a Funky Parallax Background Effect using jQuery

    Create a Funky Parallax Background Effect using jQuery

    In this tutorial, we’ll be using JQuery to take a horizontally scrolling website and add a parallax scrolling background effect reminiscent of old-school 2D platform games like Sonic the Hedgehog.

    Creating a CSS3 Generator with CSS3, HTML5 and jQuery

    Creating a CSS3 Generator with CSS3, HTML5 and jQuery

    Many of you have probably already seen some of those CSS3 generators that have been poppin’ up? Have you perhaps been wondering how they’re made? Wonder no more, that’s what we’ll be creating today, using CSS3, HTML5 and jQuery.

    The CSS3 generator we will be creating is Webkit only, so make sure you open up the demo in a Webkit browser like Safari or Chrome.

    How to create Skype-like buttons using jQuery

    How to create Skype-like buttons using jQuery

    If you use Skype I am sure that you noticed that animated button for adding more people to a chat. When you click on it the icon on the left “jumps” for a few times. I love that animation. And that’s why I’m going to show you how to create the same button using jQuery and some simple CSS.

    Advanced docking using jQuery

    Advanced docking using jQuery

    Some time ago I was doing some proof of concept: how Visual Studio docking functionality can be done with jQuery and unordered lists. Basically, the main goal was to implement multiple docking and undocking functionality. This tutorial will show you the results of PoC.

    Build an iPad-Themed Image Slider With jQuery

    Build an iPad-Themed Image Slider With jQuery

    If you’re not a seasoned web developer, it can be quite intimidating to approach a project where your client is looking for something trendy and interactive such as an Apple-centric slideshow.

    Today we’ll teach you how you can create just such a project in mere minutes using some awesome free resources from around the web. We’ll walk you through ten super simple steps so even if you have little to no web experience, this project should be a breeze!

    Pop! a simple jQuery dropdown Menu

    Pop! a simple jQuery dropdown Menu

    Enjoy simple dropdown menus with pop!, an unobtrusive javascript plugin for jquery.

    Image Cross Fade Transition with jQuery

    Image Cross Fade Transition

    Image rollovers were the staple JavaScript nugget of the 90s, and for a lot of JavaScript developers I know, one of the starting places their passion for JavaScript. Today, rollovers are a no-brainer – either in CSS or with the simplest of JavaScript…

    Circular Discography Template with jQuery

    Circular Discography Template with jQuery

    Today we want to share a simple website template with you. The template will show some discography or music albums in a rounded fashion, rotating the albums when clicking on next or previous. When clicking on an album, we will open the album details view which contains a music player (jPlayer) and a playlist of some songs. There is also a description area that can be scrolled.

    How to Create A Multi-Step Signup Form With CSS3 and jQuery

    How to Create A Multi-Step Signup Form With CSS3 and jQuery

    In this tutorial we will see how to create a simple multi-step signup form using CSS3 and jQuery. To spice up things a bit, we will include progress bar with the form, so the users will be able to see the percentage of form completion.

    Catch404 – A jQuery And CSS3 Modal Plugin For Handling Broken Links Elegantly

    Catch404 – A jQuery And CSS3 Modal Plugin For Handling Broken Links Elegantly

    Today I’d like to present a new jQuery Plugin I wrote called Catch404. Through the magic of jQuery we’re going to catch 404 errors without your users even having to leave the page and then suggest some other options they’ve got using an inline jQuery Modal window. So, why it this useful and how does it work?.Catch404 is a jQuery and CSS3 modal plugin for handling broken links elegantly…