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.
2. Simple Lava Lamp Menu Tutorial With jQuery
Create a unique lava lamp animated jQuery navigation menu
Amazing tutorial on creating a flash like 3D tag cloud using jQuery.
Drag & Drop facility in a web application provides for a rich user interface, learn how to create one using jQuery UI.
5. Awesome Horizontal Animated menu using Kwicks for jQuery
Build a customizable and versatile horizontal animated menu using jQuery Kwicks plugin.
6. Create a Thumbnail Gallery With Slick Heading & Caption effect
Nice tutorial on creating an attractive jquery menu with fade in background change on hover.
8. jQuery PHP AJAX Autosuggest
Autosuggest is one of the useful features of present web applications. Learn how to create one using jQuery and PHP.
Nice tutorial on imitating the new twitter login dropdown box using jquery.
10. Crafting an Animated Postcard With jQuery
Create a twitter like search box that loads results using AJAX on same page.
12. Voting System With jQuery, AJAX, PHP
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.
14. How To Build Animated Header in jQuery
Add motion to your header by animating its background. Amazing animation tutorial using jQuery.
15. Hide and Seek With jQuery
Use jQuery to display multiple modules of an application on a single page based on the event occurred.
16. jQuery Comment Preview
Provide comment preview to your users as they type in their comment using jQuery.
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.
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.
19. Ways To Debug your jQuery or JavaScript Code
This article explains how you can easily debug javascript code using jquery console logging.
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.
Plugins
1. Tipsy
Display Facebook style tooltip plugins based on anchor tag’s title attribute
2. jQuery YouTube PlayList
Convert a list of YouTube links into playlist which allows user to see videos right on the page itself.
3. SuperFish Menus
Superfish Menus is an easy to use jquery plugin that converts unordered HTML lists into nice drop down menus.
4. Elastic
Elastic is a lightweight jQuery plugin that makes textareas adjust their size according to the size of content.
5. OverScroll
Display Twitter feed on your website easily and quickly with tweetable. Gives you option to convert twitter usernames and URLs into hyperlinks
7. jQuery Link nudge
Make links notorious just like ones on David Walsh blog using this jQuery Link Nudge plugin.
8. TimePickr
If you need to get time as input from user, then use this plugin to provide a rich UI to input time.
9. Truncatable
Truncatable lets you hide blocks of text on page and show them if user requires.
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.
11. Anything Slider
Anything Slider is a full featured slider that is pretty easy to customize and adapt into your website.
0 comments:
Post a Comment