25 useful jQuery plug-in and tutorial


jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. As Web developers we are always in search of new tutorials and resources, tips, tricks for our readers . Today we listed 25 useful jQuery plug-in and tutorial etc. We obviously cannot cover all the best from the web, but we have tried to cover as much as possible.

If you enjoyed this post,
please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.

1 JavaScript custom dropdown:

Are you tired with your old fashion dropdown? Try this new one. JavaScript image combo box . You can add an icon with each option. It works with your existing “select” element. I hope you’ll like this.

JavaScript custom dropdown - JavaScript image combobox

2. Moving Boxes :

Nice Moving boxes with buttons to change panels and the panels zoom in and out.

Moving Boxes 3. jQuery Tabbed Interface :

Tabbed Interface or Tabbed Structure Menu is getting really famous in web design & development. This tutorial will show you how to build your own tabbed Interface using jQuery with slideDown/slideUp effect. Be sure to check out the demo, you definetely will like it.

jQuery Tabbed Interface / Tabbed Structure Menu Tutorial 4. Create a Simple CSS + Javascript Tooltip with jQuery :

Simple and easy way to create a javascript tooltip with jQuery. I break it into several sections: getting the mouse xy axis, anchor tag structure, how to hide default TITLE tooltips, css plus rounded corners box

Simple CSS + Javascript Tooltip with jQuery from Queness WebBlog 5. GalleryView – A jQuery Content Gallery Plugin :

GalleryView aims to provide jQuery users with a flexible, attractive content gallery that is both easy to implement and a snap to customize.

jQuery Content Gallery Plugin

6. jQuery ImageSwitch :

With jQuery, it’s so easy to create simple effect such as fade in, move object around… unfortunately when you need to create an effect for image switching, it will require a bit more to create an attractive effect.

jQuery and ImageSwitch in web design 7. New jQuery plugin: tabSwitch – tab box couldn’t be any easier

tabSwitch is a tab/slider plugin for jQuery. You could make a tab box system with the least of code and still fully customizable.

New jQuery plugin: tabSwitch - tab box

8. How easy to create a slide tabbed box using jQuery :

A quick tutorial to make a sliding effect tab menu (such as in Coda website). Thank to jQuery, we could reassembly this effect and it only takes a few minutes to complete.

Create a Slide Tabbed Box using jQuery

9. jQTouch :

A jQuery plugin with native animations, auto list navigation, and default application styles for Mobile WebKit browsers like iPhone, G1, and Pre.

jQTouch10. Interactive Map with jQuery :

A reusable plugin for displaying maps on the page with jQuery instead of flash.

interactive map with jQuery instead of Flash 11. Auto Playing Content Slider :

Creating a Slick Auto-Playing Featured Content Slider

Auto-Playing Featured Content Slider 12. Tooltip and Image Preview Using jQuery :


13. Flash Embed – jQuery Plugin :

Flash Embed - jQuery Plugin

14. TextArea Resizer :


15.jQuery GCorners :

jQuery GCorners is a small jQuery plugin I created that uses PHP to dynamically create a PNG circle image and Google style CSS to give your elements rounded corners.

gcorners 16. NestedSortable :

NestedSortable is an extension to the original Sortable from the Interface plugin

NestedSortable 17. Textbox Validation


18. Flot – Plotting for jQuery :

Flot is a pure Javascript plotting library for jQuery. It produces graphical plots of arbitrary datasets on-the-fly client-side.

Flot - Plotting for jQuery

19. Live Validation :

LiveValidation is a small open source javascript library for making client-side validation quick, easy, and powerful. It comprises of two main parts. Firstly, it provides developers with a rich set of core validation methods,

LiveValidation 20. jQuery Plugin: Fast Find Menu :

This script allows for nested menus, based on dynamic “AJAX” responses. The menu can also be dragged/dropped thanks to the jQuery Interface Library.

jGlideMenu 21.Javascript Progress/Percentage Bar :

jsProgressBarHandler is a Javascript based Percentage Bar / Progress Bar, inspired upon JS-code by WebAppers and CSS-code by Bare Naked App.


22. Ajax Fancy Captcha – jQuery Plugin :

Ajax Fancy Captcha is a jQuery plugin that helps you protect your web pages spammers. Captcha’s security level is medium, with the emphasis on nice looking and user friendly qualities while still offering reasonable protection from unwanted guests.


23. How to Detect the Social Sites Your Visitors Use :

One of the great things about the web is the relative ease with which one can set up a new service. In social bookmarking alone with have Del.icio.us, Digg, Facebook, Fark, Mister-Wong, Newsvine, Reddit, Technorati, Slashdot, and StumbleUpon, to name a few.


24. jQuery Plugin: Page Peel :

page-peel-over-state25.50 useful JS Tools :

50 useful JS Tools

You might also like

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More