10+ astonishing jQuery resources to spice up your website

by Jean-Baptiste Jung. 49 Comments -

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.

» View tutorial

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.

» View tutorial

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

Comments (49) - Leave yours

  3. Matt said:

    I also don’t like style switchers. A lack of consistency that’s hard to brand and a more complicated site. That login panel is really nice though. I need to work harder on getting my JQuery skills up to par; it’s real powerful.

  18. Roger said:

    Not sure if I agree that the site gets heavier when using styleswitcher. I`ve done that on about all of my sites, and haven`t noticed a thing. Quite the contrary, actually; not noticing any negative effects when doing it, but getting quite an increase in traffic, for some strange reason.

  24. Frank Lynch said:

    this is awesome, i always use some jQuerry to enhance my blogger, but many a times i have to satisfy with all those limitations of Google, but thanks to WordPress i can use them all now. and thanks to you too

  25. Vege said:

    Thanks for the great list. I will definitely use some of them. I am in the period of experimenting with my website so these will help me a lot.

  43. Tony said:

    Well, Stylesheets switcher makes a site heavier but consider this: What if you are trying to make a web app brandable, and provide the user with the opportunity to switch theme for their best convenience? Wouldn’t be that great? do you have another example on how a css switcher would be great?

    Cheers :)

  47. Luke Sheppard said:

    Nice post but that style switcher article is not the best.

    He doesn’t go into how you create the persistent style via cookies. There are loads of posts that go into much more detail and also have a more elegant solution.

    As for style switching, I can understand why some people don’t like it but sometimes you do have to show off.

    I had one on my site for a while and users (prospective clients) absolutely loved it. It got a lot of comments and I’m sure it was beneficial in terms of attracting clients.

  48. Rick Noel said:

    These are some great uses of JQuery. I am going to test the chat feature on my website. I was using a more heavy program with more features, but it was resource intensive whereas the chat example provided here in the tutorial and the code available for download looks like it will fit the bill for answering basic sales questions while supporting customer service needs.

Leave a Reply

Your email address will not be published. Required fields are marked *

Please respect the following rules: No advertising, no spam, no keyword in name field. Thank you!