10+ astonishing jQuery resources to spice up your website

by Jean. 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

  • Pingback: 10+ astonishing jQuery resources to spice up your website | Webs Developer

  • http://www.dynamicwp.net reza

    i never like the idea of styleswitcher
    it just makes your site heavier

  • http://matthewlyle.com Matt

    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.

  • http://www.examroomflags.com Amalia

    Thanks!! I looove your suggestions. I’ll try to use some of them in my coming websites!

  • http://panic-anxiety-disorder.com Ralph

    Heavier? But it makes you site get improve. Well it depends upon the admin.

  • Pingback: 10+ astonishing jQuery resources to spice up your website | TopRoundups

  • http://fwebde.com/ Eric B.

    Thanks! I will put these to good use ;)

  • http://aext.net Lam Nguyen

    Thanks for the including :D I have 2 posts in your article :D

  • http://www.jankoatwarpspeed.com Janko

    Nice roundup, thanks for including warp speed tutorials :)

  • http://www.twitter.com/myderrick Derrick

    Great list. Thanks a lot.

  • http://www.wprecipes.com Jean-Baptiste Jung

    @Lam Nguyen & Janko : You’re welcome! Both of you definitely deserve your place on here!

  • http://www.binarydreams.co.za Lloyd

    Just what i’ve been looking for… thanx!

  • http://www.semblance.co.za Semblance

    I would definitely like to make my own tag cloud – I really like your example. Thank you for the inspiration!

  • Pingback: 【 Bookmark 】2009å¹´10月21æ—¥ [ now edit ] | DESIRED BLOG

  • http://sfunique.com lex

    bad to the bone! thanks guys (and gals)!

  • Pingback: links for 2009-10-20 « Mandarine

  • http://techgenuine.com Ricky

    I was looking for faded image tutorial. I would like to have faded image in sidebar as well as in posts. Like mouse over effect.

  • http://kredittkortforbrukslan.wordpress.com Roger

    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.

  • http://vidiame.com Mohamed Amine

    Great! Thanks for sharing this amazing tutorials. I liked the control panel idea.

  • http://sargodarya.de Sargo Darya

    Hey, in the current situation you should change your favicon to something which isn’t shaped like the Jack Wolfskin footprint :D

  • http://codenametomato.com Marsh

    thanks for the chat tutorial.. i really liked it

  • http://www.retailmakeupstore.com/forum/ Josh

    Thanks for the tutorial ; ) I love JQuery, seems to be taking over the web now!

  • Pingback: 10 adet harika jquery örnek uygulama htt… « wiki.laroouse

  • http://www.webpagefx.com Frank Lynch

    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

  • http://vegeabc.blogspot.com Vege

    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.

  • Pingback: Friday Fix Oct 19 - 23

  • Pingback: ITキヲスク | 2009å¹´10/18~10/24の週間ブックマーク

  • Pingback: Notable Tech Posts – 2009.10.25 | The Life of Lew Ayotte

  • http://www.greatrippedabs.com Antoinette Taus

    Great list of jQuerry. I find the tutorials very useful that site owners can use to improve their sites.

  • http://www.balimaster.com Coktri

    Useful tutorials, thank you for sharing!

  • http://www.clubwordpress.com/ Dominic

    This is an awesome round-up of jQuery resources. Thanks :)

  • http://pediatricbloodpressuremonitor.com Oliver

    Really like it especially the Chat with JQuery and PHP.

  • http://www.levitonquickport.net Diana

    wOW!!! This is a really good collection of resources! Thanks for sharing with us!

  • Pingback: 10+ astonishing jQuery resources to spice up your website | meshdairy

  • http://www.lutrondimmer.net Jill

    Once again, thanks a lot for the suggestions. Always welcome! I’ll try some of them.

  • Pingback: Mchiche.Com | Upgrade Your Mind ! » 58 liens sur inspiration, Wordpress, typographie, javascript, …

  • http://www.pokkisam.com sivakumar

    Good collection of great jquery tools… Keep like this blog :)

  • Pingback: CSS Brigit | 10+ astonishing jQuery resources to spice up your website

  • Pingback: jquery関連のプラグインまとめ « vanillate

  • http://mikewgreen.com Mike Green

    Some fascinating ideas here to add to my web development

  • Pingback: Top Articles On The Web Design Billboard In October’09 - Posted In Others | carangeblog - CARA ngeBLOG

  • Pingback: Webwoche 2.11.-8.11.2009 | Jakob-Matthias Maul Blog und Portfolio

  • http://NA Tony

    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 :)

  • http://swiftthemes.com/ Satish Gandham

    I dont like style switchers. If you blend your ads to match your content with one colour scheme, they wont match in the other.

  • Pingback: Jquery | DIGITALife

  • Pingback: Inspirational Finds January « Nancy's Notes – Joomla

  • http://www.invisibleinkwebdesigns.com Luke Sheppard

    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.

  • http://www.eBizROI.com/ Rick Noel

    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.

  • http://www.hotacmaldives.com/ Shila Rasinski

    A lot of thanks for sharing for you personally to people, I would appreciate this web site, and save currently.