All the jQuery resources you’ll ever need

41 Comments » (add your own)

Hi, today i will show a monster collection of jQuery resources you’ll ever need to create that amazing site for one of your clients or for one of your personal projects.

First I’ll explain you a little bit about jQuery. jQuery is a lightweight JavaScript library that interacts between JavaScript and HTML. John Resig released it on January 2006 at BarCamp NYC. On September 28th 2008 John Resig wrote an article that Microsoft and Nokia are adopting jQuery as part of their official application development platform. jQuery is used by many big web sites around the world, look at this list to see which sites are using this great library. These where just a few things to let you’ll see how huge and popular this Javascript Library is. Now we continue with our massive list of resources for jQuery.

jQuery Plugins.

jquery_idtabs

idTabs is a plug-in for jQuery. It makes adding tabs into a website as simple as it is. But it can also open the door to endless possibilities.

jquery-css-example-dropdown-menu

This is an extremely basic, yet powerful dropdown technique for adding a dropdown menu inside your website or application by Nathan Wong.

easy-slider-15-the-easiest-jquery-plugin-for-sliding-images-and-content

Alen Grakalic wrote a very nice and easy jQuery slider plug-in. It let’s slide images or any content horizontally or vertically on a single click or even fully automatically

s3slider-jquery-plugin1

s3Slider jQuery Plug-in is a nice jQuery Featured Content Gallery plug-in, you can easley ad this slider to your own website to show of your work or something similar by Boban.

imgpreview

James Padolsey made a cool jQuery Image Preview plug-in that will allows your users to preview an image before clicking on it.

jquery-lightbox-plug-in1

The best and easiest jQuery Lightbox Plug-in there is by Leandro Vieira Pinho

simple-slideshow-with-jquery

A very clean and easy slideshow by Timothy van Sas

stylesheet-switcher-using-jquery

A very nice and fast stylesheet switcher made by Kelvin Luck

jquery-fade-infade-out

A nice jQuery Fade In.Fade Out effect what can be used in different ways, made hvdesigns

jquery-file-upload-plugin

A cool and handy script made by Ronnie Garcia

riding-carousels-with-jquery

Carousel riding with Jan Sorgalla.

agile-carousel

Another Carousel by 5 Bosses, it’s really nice for showing your work in a portfolio.

kwicks-for-jquery

The well known Mootools effect is now available for jQuery, made by Jeremy Martin

jbreadcrumb

A nice and very good looking breadcrumb plugin for jQuery made by Jason Roy for CompareNetworks Inc.

jquery-ui-tabs

Klaus from stillbuero.de has made a usefull jQuery Tabs.

jquery-simple-drop-down-menu

A very lightweight jQuery Drop-Down menu made by SpiceBrains

hslides
hSlides is an horizontal accordion navigation made by Jesus Carrera

jtabber

Another Tab plugin for jQuery by Jordan Boesch

jqueryscrollable

A nice and easy nway to scroll your html elements, made by flowplayer.org

css-sprites2

A CSS Sprite effect with the help of jQuery, made by Dave Shea

easy-tooltip-jquery-plugin

Alen Grakalic just made a cool tooltip plugin for jQuery

jquery-tutorials-for-designers

A nice collection of tutorials about jQuery form WebdesignersWall

how-to-load-in-and-animate-content-with-jquery

Load in and Animate content tutorial by James Padolsky

animated-menus-using-jquery

Over at Shopdev they made a very cool menu effect with jQuery

slideshow-jquery-plugin

Ever wanted to know how they make thos large backgrounds, Sam Dunn will tel you.

smooth-animated-menu-with-jquery1

A very smooth and elegant menu slider effect form Zach Dunn

portfolio-with-jquery

A nice technique to sort out your portfolio items by Trevor Davis

text-size-slider

Use the jQuery UI to Control the Size of Your Text from Connor Zwick

create-a-cool-animated-navigation-with-css-and-jquery

A cool animated navigation effect witth css and jQuery by Joash Xu, very interesting tutorial.

create-a-slick-tabbed-content-area-using-css-jquery

This is a nice tabbed content area effect with the help of css and jQuery, made by Collis Ta’eed

tf_468x60jpg

Okay, so when you finished reading and visiting these resources i’m sure you will take a big stepp forward in your web design skills. Enjoy and please comment if you like it.

Click here to visit Themeforest.

About the author:

Hein Maas

Hi , I’m a dutch freelance graphic/web designer designs, I also write tutorials, blog posts and maintain a few cool sites. You can follow me on twitter here. You may also view my portfolio here.

Please Vote And Share This Post:



      
  • del.icio.us
  • StumbleUpon
  • Technorati
  • Reddit
Grab The RSS Feed Here Grab The RSS Feed Here

What should we do next?

Well, since you’ve made it to the end of this post, you might be interested in these related articles and resources.

  1. Cool list of tutorials, resources and more Cool list of tutorials, resources and more
  2. Weekly Twitter Design News #2 Weekly Twitter Design News #2
  3. Projects coming up Projects coming up
  4. Welcome to my place Welcome to my place

jump to the comment form ↓

  • User Gravatar WalterH
    March 6th, 2009 at 10:13 pm

    Great post… thanks!!!

  • User Gravatar Brian
    March 6th, 2009 at 10:28 pm

    Thanks for this excellent compilation of jQuery resources. Came at the perfect time as I have been building out a new site and I want to test a plethora of jQuery plug-ins on this site.

  • User Gravatar John
    March 7th, 2009 at 2:54 am

    sweet

  • User Gravatar DavidFM
    March 7th, 2009 at 3:34 am

    Great list, quite a few I hadn’t seen before – thanks for sharing

  • User Gravatar AthenaEmily
    March 7th, 2009 at 1:51 pm

    Great list!!! Thanks a lot!

  • User Gravatar sky
    March 8th, 2009 at 2:15 pm

    nice post..thank u..

  • User Gravatar Jaswinder
    March 8th, 2009 at 4:28 pm

    Great list and excellently displayed rather than just words. Keep it up!

  • User Gravatar Karl Swedberg
    March 8th, 2009 at 4:43 pm

    Awww. I feel a little left out. learningjquery.com is a decent resource, too. ;)

  • User Gravatar Vivekanand
    March 8th, 2009 at 6:13 pm

    Nice List, I would like to say this list going to help each and every developers in the world of web…

    Thanks,
    Vivek
    [http://www.developersnippets.com]

  • User Gravatar labilbe
    March 8th, 2009 at 9:15 pm

    Thank you for sharing such useful resources!
    Awesome post!

  • User Gravatar Krystian
    March 9th, 2009 at 12:38 am

    Some resources really valuable for me. Thank you.

  • User Gravatar Adeline
    March 9th, 2009 at 3:32 am

    I’ve seen quite a few of these before but not all, so thanks for sharing!

  • User Gravatar admin
    March 9th, 2009 at 8:13 am

    @Karl Sorry man, your on the next one ;)

  • User Gravatar Cisdevry
    March 10th, 2009 at 5:24 pm

    Excellent collection of resources. Great job!
    Thanks
    Cisdevry

  • User Gravatar jan berger
    March 10th, 2009 at 10:43 pm

    wow thanks, that saved me a lot of time.

  • User Gravatar mupet
    March 12th, 2009 at 4:05 pm

    nice articles, usefull resource

  • User Gravatar decx
    March 14th, 2009 at 4:43 pm

    good list, i always forget half of them :)

  • User Gravatar Gabriel
    March 14th, 2009 at 6:05 pm

    magnificent post, I really need jquery plugins and now I found this …

  • User Gravatar Ronaldo
    April 14th, 2009 at 1:06 am

    great list
    thanks

  • User Gravatar choko
    May 19th, 2009 at 8:16 pm

    What font did you use? i mean the serif font of the logos? i have been triying to identify it but i cant! btw ABSOLUTLY FANTASTIC POST i came here everytime i need jquery

  • User Gravatar Hein Maas
    May 19th, 2009 at 8:25 pm

    Hi Choko,

    The font i used for the titles is located here http://is.gd/BoXC

    Thx,
    Hein

  • User Gravatar Choko
    May 31st, 2009 at 7:19 pm

    Ohh! Thank you so much!!!!!

  • User Gravatar Ankit
    June 10th, 2009 at 12:40 pm

    amazing post. Thanks a lot!!

  • User Gravatar Blarnee.com
    August 4th, 2009 at 8:25 am

    Awesome list ;)

    In the mean time, I found this guy on Twitter posts TONS of awesome jQuery stuff daily. Worth checking out.

  • User Gravatar Alexia
    October 20th, 2009 at 9:14 pm

    Great post Hein!
    Your site is very nice! Can you suggest a script ajax + php + jquery to build a contact form?

    thx
    alexia

Who Linked To This Post?

  1. WPStart.org - WordPress themes, plugins and news
  2. rascunho » Blog Archive » links for 2009-03-06
  3. All the jQuery resources you’ll ever need
  4. DotNetShoutout
  5. Web Development Links for March 9
  6. Large list of JQuery resources
  7. Jeff Barr’s Blog
  8. Valontuoja
  9. Coderies | taggle.org
  10. w3feeds
  11. Great Happiness
  12. Programming Blog
  13. Tagz - All the jQuery resources you’ll ever need | Hein Maas - Freelance Graphic/Web Designer
  14. 10 most Useful resources for Jquery across the web | TechArtifact
  15. All the jQuery resources you’ll ever need 
  16. 5 articles to boost your jQuery skill

Share your thoughts, leave a comment!

(get your own gravatar)


  • Click here to visit Rockable Press.
  • Click here to visit FreelanceFolder.com. WooThemes - Where there's a Woo, there's a way! Professional WordPress Themes Click here to visit Rockable Press.
    • Full RSS Feed

      Full RSS Feed

      Subscribe to our RSS Feed with full posts for your enjoyment.

    • E-Mail Delivery

      E-Mail Delivery

      We will send you full blog posts to your inbox each time a new post is published.

    • Twitter Updates

      Updates on Twitter

      Follow me on Twitter and You'll receive the latest tweets about my work and stuff.