Currently Browsing: Home » 15 Exceptional JQuery Resources And Tutorials

15 Exceptional JQuery Resources And Tutorials

Since it first began, jQuery has had a profound effect on the web design world. Its famous slogan, “write less, do more”, exemplifies its true nature and ability. Throughout the past year, hundreds of thousands of jQuery tutorials and resources have been released. They range from a simple HTML change to dynamic sliders and charts.

Below we present 15 exceptional jQuery resources and tutorials which we have hand-picked from the wide range of articles. These resources not only help you accomplish amazing things, but they do it with style and elegance. Follow along as we count down 15 of the best jQuery resources out there.

1. Thumbnail Hover Effect

This is a way to emphasize thumbnails which the users hover over. It uses minimal jQuery and CSS code, but still provides a pleasing effect.
Thumbnail Hover Effect

2. JQuery Image Scroller

A comprehensive tutorial on how to create an image scroller with jQuery, AJAX, and CSS.
JQuery Image Scroller

3. JQuery iCal Calendar

A calendar with a mind-blowing user interface and animation effects.
jQuery iCal Calendar

4. Uses of jQuery

This resource lists many sites which use jQuery in innovative ways.
Uses of JQuery

5. Image Menu

Groups of images can be viewed as a menu with this jQuery tutorial.
Image Menu

6. Favicon For Outgoing Links

The short snippet of jQuery code provided here enables users to easily distinguish outgoing links.
Favicon For Outgoing Links

7. Drag And Drop

Learn how to create a drag and drop menu with jQuery and PHP.
Drag And Drop

8. Content Slider

An advanced tutorial on how to create a content slider with jQuery.
Content Slider

9. Image Upload And Crop

This tutorial explains how to create an image cropping service with jQuery.
Image Upload And Crop

10. JQuery Gestures

Learn how to track and use gestures (mouse movements) with jQuery. The red line in the image below is a mouse drag this is being tracked. Once a certain pattern of movements is found, an event can be fired off.
JQuery Gestures

11. JQuery Favelet For Documentation

This tool can be placed in the bookmarks bar of your favorite browser to easily look up documentation for jQuery.
JQuery Favelet For Documentation

12. JQuery Scroller

A scroller that displays multiple HTML elements with jQuery.
JQuery Scroller

13. Transparent Overlay With Description

Create a transparent description and display it when the user hovers over an image with this jQuery tutorial.
Transparent Overlay With Description

14. JQuery Popup Bubble

Find out how to create a stylish jQuery popup bubble. Similar techniques are used widely around the web design world. This one explains how to accomplish the effect in an efficient manner.
JQuery Popup Bubble

15. JQuery Charts

Learn how to create intricate charts with jQuery, JSON, and PHP.
Thumbnail Hover Effect

Good luck with these various jQuery resources and tutorials. I would love to hear your thoughts on these or other interesting ones!


This entry was posted on Saturday, May 2nd, 2009 at 11:38:54. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

12 Responses to “15 Exceptional JQuery Resources And Tutorials”

  1. Perfectflow says:

    JQuery Charts can be very useful

  2. Binny V A says:

    Thanks for the list. Quite a few plugins I have not used before.

  3. Aminul says:

    Content Slider is nice one . Thanks…….

  1. Arbenting's Weekly Inspiration and Best of the Web #3 | Arbenting
  2. Resources | Corelle Dishes
  3. Technology Related Links for May 8th, 2009 - Jason N. Gaylord's Blog
  4. Moved Temporarily
  5. Some jQuery tutorials «
  6. JQuery | مكتبة الجي كويري « Nawal
  7. JQuery | مكتبة الجي كويري | عالم التقنية
  8. 15 Exceptional JQuery Resources And Tutorials | My Web Development Bookmarks
  9. Arbenting's Weekly Inspiration and Best of the Web #3 » Arbenting - The Act of Being Creative

Leave a Reply

Want to be notified when someone replies? Subscribe to this post's comment RSS feed.
Any field marked with a * is required.