10+ astonishing jQuery resources to spice up your website

jQuery is a very powerful Javascript framework that allow you to built functionnal and extremely good looking webistes. In this article, I have selected 10+ jQuery resources to spice up your website.

Show/Hide a nice login panel

If your website allow user registration, it should definitely a good idea to implement this very nice sliding login form. Of course, it can be used for many other things, as such as a contact form.

Easy Display Switch with CSS and jQuery

Some people prefers to read a list of blog exerpts in lines, so other prefers a column display. With this tutorial you’ll learn how to create a jQuery display switch so your readers will be able to choose their favorite display.

» View tutorial

Create a better jQuery stylesheet switcher

The purpose of this tutorial is to learn how to create a jQuery CSS switcher and let your visitor decide in what color scheme your site should be.

» View tutorial

Turn any webform into a powerful wizard with jQuery

Most of the time, Web forms are long and boring. So, what about turning them into wizards? Don’t forget to check out our list of jQuery tutorials to work with HTML forms.

» View tutorial

Chat with jQuery and PHP

I remember the time that you had to create a Java Applet to have an efficient chat application. Now, thanks to PHP and of course jQuery, you can forget heavy and boring applets.

» View tutorial

Beautiful tag clouds with jQuery and flir

Tag clouds used to be used intensively on lots of blogs two or three years ago. But nowadays, most blogs don’t use them anymore. If you also don’t use tag clouds on your blog, maybe this tutorial will change your mind?

» View tutorial

Fading colors with jQuery

If you’re looking for an interesting visual effect to put on your links, this one should be a good option. On their recent homepage redesign, Twitter used a similar effect on their homepage.

» View tutorial

Twitter-like login panel using jQuery

Talking about Twitter and their recent site redesign, I might say I really like the login panel they added. With this excellent tutorial, you’ll learn how to do the same for your website or blog.

» View tutorial

Disappearing “Scroll to top” link with jQuery and CSS

After you scrolled down a page, “Scroll to top” links are welcome. This tutorial will show you how to create a dynamic “Scroll To Top” link that will appear automatically when the page has been scrolled down.

Using jQuery to recreate the product slider from Apple’s website

Ah, Apple website. Since their latest redesign, this site is often quoted by many blogs as being a must-see in terms of design and usuability. With this tutorial, you’ll be able to reproduce Apple products slider, using jQuery.

» View tutorial

Create an astonishing image rotator with jQuery

On many portfolios websites, javascripts sliders on homepage are now very common, this is why I hesitated to feature that one. But seriously, it may be common, it looks so great!

» View tutorial