Skip to main content

10 Helpful jQuery Plugins for Design and Development

By Sam Deering



😳 Ever felt a little embarassed sharing your JavaScript? Let's fix it.

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.

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.

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.

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.

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.

6. Popin

Create an easy modal window with an automatic Ajax request.

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.

8. jQuery Doubleselect Plugin

Fill in a second select box dependent on the first one.

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.

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.

Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.

New books out now!

💁‍♀️ Fun Fact: Python was ranked #2 on a recent highest paid coders list. *

🤓 Ok. When did a code editor from Microsoft become kinda cool!?