jQuery Sequential List

    jQuery Sequential List

    Have you ever had to manually code something that is sequential? Didn’t you find it annonying? Well, here is a simple solution for you. This tutorial will show you how to use jQuery to add a sequent of CSS classes to create a graphical list. The second example will show you how to add a comment counter to a comment list using jQuery’s prepend feature.

    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.

    Cloud Carousel – A 3d Carousel in jQuery

    Cloud Carousel - A 3d Carousel in jQuery

    “There are some attractive Adobe Flash based solutions for this type of UI component, and while JavaScript versions exist, the commercial Flash products tend to have better aesthetics and polish. To redress the balance in JavaScript’s favour, I have created this jQuery carousel plugin.”

    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…

    Opera mobile window chooser, recreated with jQuery

    Opera mobile window chooser, recreated with jQuery

    It’s always fun to play with jQuery especially when you are trying to recreate something that you enjoy using. One such thing is window chooser in Opera Mobile browser where opened windows are positioned below each other and only a portion of each window is visible. The one on the top is current window that is fully visible. Clicking on those windows is followed by some nice effect.