have always liked playing around with jQuery and I’m sure many of you do too! In fact we’ve published some jQuery ‘getting started‘ guides here on Spyre Studios in the past. So this time I thought we’d go more in depth and I’ve hand-picked 20 awesome jQuery tutorials (most of them have working demos)
Here they are:
In this tutorial you’ll learn how to create a dynamic keyboard. Of course actually using this keyboard on a website or in a project is probably not gonna happen very often (if ever), but it’s always nice to play around with jQuery to see what can be done.
When I first saw Bits & Pixels I thought the header/logo was freakin’ cool. And guess what? Fredrik wrote a tutorial on how he achieved this fade in/out effect!
Sliding panels are not uncommon, but in this tutorial you’ll learn how to create a really slick one. And for the WordPress lovers out there, there’s also a tutorial on how to implement it in WordPress. Well worth checking out!
I strongly believe that search functionalities should be easily accessible and visible on every website. But there are some cases where you need or want to hide it to fit in a design. This tutorial will show you how to create a drop-down search panel.
Creating a photo viewer with jQuery isn’t that hard, but this tutorial show you how to create one using jQuery and CSS3. Of course since it’s using CSS3, the final result may look different depending on the browser you use. Just download Safari and kick IE6 out the door! 🙂
After this tutorial I fell in love with ’smart columns’. Soh has a killer tutorial on how to create them using CSS and jQuery! Something like this can also be seen on Creative Depart.
JParallax isn’t new, but it opens so many doors to jQuery lovers! This tutorial show us how to create a header that responds to mouse movements. Very nice! Something similar can also be seen on the Silverback App website (resize the window to see the effect in action).