10 Helpful jQuery Plugins for Design and Development

Sam Deering
Tweet
Today while we were searching for a decent plugins to share on the blog we stumbled across some jQuery plugins which we think might help you one day with your web development projects. Enjoy.

Related Posts:


1. LoadMask


A plugin that can mask DOM elements while their content is loading or changing to prevent user interactions and inform that some background task is still running.
LoadMask.jpg
Source


2. clueTip


A plugin that allows you to easily show a fancy tooltip when the user’s mouse hovers over (or, optionally, clicks on) any element you designate in your script.
clueTip.jpg
Source


3. hoverIntent


A plug-in that attempts to determine the user’s intent… like a crystal ball, only with mouse movement! It works like (and was derived from) jQuery’s built-in hover.
hoverIntent.jpg
Source


4. jQuery Live Query Plugin


Live Query utilizes the power of jQuery selectors by binding events or firing callbacks for matched elements auto-magically, even after the page has been loaded and the DOM updated.
jQuery-Live-Query-Plugin.jpg
Source


5. JavaScript Floating Box JQuery Plugin


Most cases, web page contents does not fit into the screen, we will have scroll down to the page to read whole contents. By doing so, we will lose those information on top. This JavaScript Floating Menu will do the trick and to keep specified contents already visible.
JavaScript-Floating-Box-JQuery-Plugin.jpg
Source


6. Popin


Create an easy modal window with an automatic Ajax request.
Popin.jpg
Source


7. AJAX Calendar Widget with Optional TimeZone Support


The Any+Time JavaScript Library includes a highly-customizable, jQuery-compatible datepicker/ timepicker (calendar/ clock widget) and a powerful Date/String parse/format utility.
AJAX-Calendar-Widget-with-Optional-TimeZone-Support.jpg
Source


8. jQuery Doubleselect Plugin


Fill in a second select box dependent on the first one.
jQuery-Doubleselect-Plugin.jpg
Source


9. jQuery 3 State Switch Plugin


Is a jQuery Plugin that expresses the selection and some states of list item using radio button and checkbox at the same time.
jQuery-3-State-Switch-Plugin.jpg
Source


10. a-tools


Cross-browser text selection and modification plugin built on top of the jQuery library. Tested with Opera 9.5 (Windows) and Opera 9.6 (Linux), Mozilla Firefox 3.0 (Windows and Linux), Internet Explorer 7, Chrome 2.0 and Safari 4.0. Also works with jQuery 1.4.
a-tools.jpg
Source

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.