30+ Fresh & Amazing jQuery Plugins & Tutorials

Posted in jQuery

jQuery is slowly becoming ubiquitous in the web development arena all due to its easy to learn, easy to use and easy to extend nature. Here are 30+ fresh and amazing jQuery plugins and tutorials which i have hand-picked from jQuery articles or plugins published in last 30 days on the interwebs. If you are looking for latest on jQuery, then this is a must read for you.

Tutorials

1. How to add preloader with loading image in a gallery using jQuery


Use a jQuery preloader while images are loading in the gallery.
» View Demo | » View Tutorial

2. Simple Lava Lamp Menu Tutorial With jQuery


Create a unique lava lamp animated jQuery navigation menu
» View Demo | » View Tutorial

3. How To Create a 3D Tag Cloud in jQuery


Amazing tutorial on creating a flash like 3D tag cloud using jQuery.
» View Demo | » View Tutorial

4. Drag & Drop With jQuery


Drag & Drop facility in a web application provides for a rich user interface, learn how to create one using jQuery UI.
» View Demo | » View Tutorial

5. Awesome Horizontal Animated menu using Kwicks for jQuery


Build a customizable and versatile horizontal animated menu using jQuery Kwicks plugin.
» View Demo | » View Tutorial

6. Create a Thumbnail Gallery With Slick Heading & Caption effect


» View Demo | » View Tutorial

7. Create an Attractive jQuery Menu with fade in and out effects


Nice tutorial on creating an attractive jquery menu with fade in background change on hover.
» View Demo | » View Tutorial

8. jQuery PHP AJAX Autosuggest

jQuery PHP AJAX Autosuggest Autosuggest is one of the useful features of present web applications. Learn how to create one using jQuery and PHP.
» View Demo | » View Tutorial

9. Perfect Login Drop Down Box Like Twitter


Nice tutorial on imitating the new twitter login dropdown box using jquery.
» View Demo | » View Tutorial

10. Crafting an Animated Postcard With jQuery


Create a flashy postcard using just jQuery and no flash.
» View Demo | » View Tutorial

11. Twitter like Search With jQuery & AJAX


Create a twitter like search box that loads results using AJAX on same page.
» View Demo | » View Tutorial

12. Voting System With jQuery, AJAX, PHP


Learn how to create dzone like voting system.
» View Demo | » View Tutorial

13. AJAXed Sliding Shopping Cart Using jQuery


Amazing tutorial on creating a sliding AJAX Shopping basket that slides in and updates the cart when new item is added and auto-hides after some time. It also supports manual show hide option to view shopping cart at any time.
» View Demo | » View Tutorial

14. How To Build Animated Header in jQuery


Add motion to your header by animating its background. Amazing animation tutorial using jQuery.
» View Demo | » View Tutorial

15. Hide and Seek With jQuery


Use jQuery to display multiple modules of an application on a single page based on the event occurred.
» View Demo | » View Tutorial

16. jQuery Comment Preview


Provide comment preview to your users as they type in their comment using jQuery.
» View Demo | » View Tutorial

17. Styling Drop Down Boxes With jQuery


Since select boxes are hard to style using CSS, this tutorial shows you how to replace a select box with a textbox and an unordered list and then style them according to your choice.
» View Demo | » View Tutorial

18. Scrolling Dynamic Content Box


Load content into a div on scroll using AJAX just like Google reader loads more items as you scroll down to view more items of a feed.
» View Demo | » View Tutorial

19. Ways To Debug your jQuery or JavaScript Code


This article explains how you can easily debug javascript code using jquery console logging.
» View Tutorial

20. 5 Ways To Make AJAX Calls with jQuery

Nice tutorial from NetTuts+ about different ways of making AJAX calls using jQuery. It is even useful for those who are already familiar with jQuery as in depth coverage of various methods of making AJAX calls has been done.
» View Demo | » View Tutorial

Plugins

1. Tipsy


Display Facebook style tooltip plugins based on anchor tag’s title attribute
» View Demo | » Plugin Page

2. jQuery YouTube PlayList


Convert a list of YouTube links into playlist which allows user to see videos right on the page itself.
» View Demo | » Plugin Page

3. SuperFish Menus


Superfish Menus is an easy to use jquery plugin that converts unordered HTML lists into nice drop down menus.
» Plugin Page

4. Elastic


Elastic is a lightweight jQuery plugin that makes textareas adjust their size according to the size of content.
» View Demo | » Plugin Page

5. OverScroll


Implement iphone like click and drag to scroll behavior on your web page.
» Plugin Page

6. Tweetable


Display Twitter feed on your website easily and quickly with tweetable. Gives you option to convert twitter usernames and URLs into hyperlinks
» View Demo | » Plugin Page

7. jQuery Link nudge


Make links notorious just like ones on David Walsh blog using this jQuery Link Nudge plugin.
» View Demo | » Plugin Page

8. TimePickr


If you need to get time as input from user, then use this plugin to provide a rich UI to input time.
» Plugin Page

9. Truncatable


Truncatable lets you hide blocks of text on page and show them if user requires.
» View Demo | » Plugin Page

10. Incremental Search For Select Boxes


This plugin converts ordinary select boxes into combo boxes with incremental search, very useful if you have lots of options in the select box.
» View Demo | » Plugin Page

11. Anything Slider


Anything Slider is a full featured slider that is pretty easy to customize and adapt into your website.
» View Demo | » Plugin Page

Tags:

Share


Subscribe to Full RSS Feed

RSS FeedIf you found this article useful, then consider subscribing to our RSS Feed or e-mail updates to stay updated with latest Web Design/ Development articles. You can also follow @webdevplus on twitter for latest updates.

7 Responses (Add Your Comment)

  1. Very gud list as usual……….

  2. Naresh says:

    very nice palatable list of jQuery plugins

  3. V.C says:

    I love learning about jQuerry.
    But I’m just a chicken =.=
    It seems to be hard for me :(
    I can’t make a featured post bases on jQuerry for my own site :-s

  4. Awesome!
    keep them coming, i cant get enough !!

  5. philipbeel says:

    Thanks for adding my plugin! great list!

Comments are closed for this post.