25 Cool and Helpful jQuery Plugins/Tutorials For Your Next Project

We’ve collected jQuery plugins and tutorials a couple of times and it was time for another collection of jQuery plugins.All the below plugins have great functionality and i’m sure most of them will help you for your upcoming projects.In fact,all are easy to implement to your website or blog.Here are the 25 jquery plugins and tutorials.

1.Blockster Transition Effect
Blockster is a Javascript transition effect designed for ‘featured content’ rotators or slideshows. Its underlying concept is to transition between one element to the next block by block. It is highly customisable in terms of how many blocks are involved, whether they fade in or simply appear, whether they appear in order or randomly, and more.

Advertisement


DEMO

2.Lens Flare in JavaScript
This jQuery plugin allows you to add a lens flare effect to images.I like this plugin so much and so do you.Just move the sun on the image and see the effects.

DEMO

3.How to Create Ajax Search Using PHP jQuery and MYSQL
This tutorial shows how to create simple and attractive Ajax based search using PHP, jQuery, MySQL and Ajax.

DEMO

4.Awesome Cufonized Fly-out Menu with jQuery and CSS3

Create a full page cufonized menu that has two nice features: when hovering over the menu items we will move a hover-state item that adapts to the width of the current item, and we will slide out a description bar from the left side of the page, reaching towards the current menu item.

DEMO

5.Cloud Zoom
Cloud Zoom is a jQuery image zoom plugin, a comparable alternative to products such as Magic Zoom. Compared to the popular jQZoom plugin, Cloud Zoom is smaller, has more features and more robust compatability across browsers.


DEMO

6.Minimalistic Slideshow Gallery with jQuery
Create a simple and beautiful slideshow gallery that can be easily integrated in your web site. The idea is to have a container with our slideshow and the options to view a grid of thumbnails, pause the slideshow, and navigate through the pictures. The thumbnail grid will slide out from the top and allow the user to navigate through a set of thumbnails.


DEMO

7.Smooth Vertical or Horizontal Page Scrolling with jQuery
Create a simple smooth scrolling effect with jQuery(amazing effect)

DEMO

8.Shadow Animation jQuery Plugin
With this jQuery plugin, you can extend the animate function to support the CSS box shadow-property. You can animate the color, the x- and y-offset, the blur-radius and spread-radius.


DEMO

9.Nivo Slider-jQuery Image Slider
It’s a really clean look jQuery slider.It has so many features like 9 unique transition effects,supporting linking images ad free to use.


DEMO

10.Turn any Webform Into a Powerful Wizard with jQuery
This detailed tutorial will show you how to turn long webform into a wizard with “steps left” information. A plugin is also available for download.

DEMO

11.Farbtastic: jQuery Color Picker Plug-in
Farbtastic is a jQuery plug-in that can add one or more color picker widgets into a page through JavaScript. Each widget is then linked to an existing element (e.g. a text field) and will update the element’s value when a color is selected.

DEMO

12.Create jQuery and CSS based Navigation
Some websites have less space as te author said and this jquery tutorial may help you to use your less space more effectively.

DEMO

13.Facebook Style Wall Posting and Comments System using jQuery PHP and Ajax
Facebook style wall posting and commenting system.

DEMO

14.jQuery “Waterwheel Carousel” Plug-in
This jQuery plugin can display images with a cascading waterfall effect. It can be positioned either horizontally or vertically, and custom events can fired when an image rotates into the center or is clicked. The appearance of the carousel is very customizable.

DEMO

15.jTextTranslate: A jQuery Translation Plugin
The plugin works with the Google Language API and can be used to translate a text in all the languages provided by the API.

DEMO

16.Latest Post Blogroll Slider with jQuery and PHP
Create a blogroll slider that shows the latest post of your favorite blogs with jQuery, PHP and XSL.The aim is to get a given RSS feed of a blog and  parse the XML data with the help of PHP.

DEMO

17.iPhone Style Radio and Checkbox Switches using jQuery and CSS
As you see in the picture,the plugin is for creating a iPhone Style Radio and Checkbox button.

DEMO

18.Simple Threaded Comments with jCollapsible (JQuery Plugin)
This JQuery plugin allows you to create collapsible lists quickly and easily, which is especially useful for threaded (nested) comments or forum posts.

DEMO

19.iPhone Style Contact Lists Using jQuery and CSS
SliderNav is a plugin that lets you add dynamic, sliding content using a vertical navigation bar (index). It’s made mainly for alphabetical listings but can be used with anything, though longer words look a little awkward.

DEMO

20.Ajax Image Upload
Using a little bit of jQuery we can upload images without the suck.

DEMO

21.jQuery Raty – A Star Rating Plugin
jQuery Raty is a plugin that generates a customizable star rating automatically.You can use any kind of icons.If you want to use a stylish rating system on your site this plugin can be a good solution for you.

DEMO

22.Lightbox and Lightbox Dialog
This script acts as both a jQuery lightbox plugin and a lightbox-assisted simulation of in-built browser dialog methods. In both respects it’s very versatile, giving you full control over the look and behavior of the script.

DEMO

23.Animated Table Sort
This plugin allows you to animatedly sort a table based on a particular column. The various <td>s fly to their new homes, giving a nice effect. It also supports sorting on REGEXP matches. You can also control whether row relationships are maintained, whether it sorts on ascii or numeric and ascending or descending.

DEMO

24.Live Username Availability Checking using Ajax and jQuery
You know,you sign-up for many websites and pick a username.This script checks if the username you want to pick is already taken or not.It is a good feature for a member based systems.

DEMO

25.Image Highlighting and Preview with jQuery
How to highlight and preview images that are integrated in an article or spread over a page. This is a nice way to allow users to view a bigger version of an image that is relevant to some context.

DEMO

3 Comments

  1. Miller