jQuery plugins collection – useful and interesting extensions

jquery-logo2

Level: intermediate

Here is a small jQuery plugins collection. I worked with them and I think they are noteworthy.

jQuery plugins collection

Amount of jQuery plugins is really overwhelming. It’s almost impossible to view all of them. On the other hand, if we need a jQuery plugin implementing some task, almost surely we will find what we’re looking for.

1. Sticky Plugin

Sticky is a jQuery plugin, giving the opportunity to attach any element on the page, so that it is always visible, independently from scrolling the page.

Usage is very simple:

<script src="jquery.js"></script>
<script src="jquery.sticky.js"></script>
<script>
  $(document).ready(function() {
    $("#my-element").sticky({topSpacing: 0});
  });
</script>

Demo and the plugin to download:

http://stickyjs.com/

2. pwdMeter

This is a small plugin for measuring the strength of passwords. And in addition, a built-in strong password generator. The solution simple and effective.

pwdMeter jQuery plugin

pwdMeter jQuery plugin

Available at:

http://shouvik.net/pwdmeter.php

3. Progression.js

It’s a simple extension, that we can connect to the form. It will inform the user about the progress in completing the form.

For each field we should add attributes: data-progression (leave it empty), and data-helper, in which we put a hint.

Progression.js

Progression.js

Demo:

http://git.aaronlumsden.com/progression/#demo

Download:

https://github.com/aarondo/progression.js/archive/master.zip

4. Selectize.js

Selectize offers something like a hybrid of the text and select fields. Useful for tagging, creating selection lists, etc.

Selectize.js

Selectize.js

Download:

http://brianreavis.github.io/selectize.js/

5. Facebox Plugin

This is a kind of lightbox solution, which looks and behaves just like the one we know from Facebook. It can display elements of any type.

Facebox Plugin

Facebox Plugin

Home page:

http://www.ajaxblender.com/demos/lightboxes/facebox/

6. Toolbar.js

This plugin allows to create customizable toolbars in a fairly simple manner. It may be useful in many web applications. Icons from Twitter Bootstrap framework.

Toolbar.js plugin

Toolbar.js plugin

Home page:

http://paulkinzett.github.io/toolbar/

7. Intro.js

Another jQuery plugin in our small set is Intro.js. This great solution allows to implement a functionality of guide in our website / web application. Step by step. We can meet a such functionality e.g. on Facebook, when new features are introduced.

Intro.js jQuery plugin

Intro.js jQuery plugin

Download:

https://github.com/usablica/intro.js

More jQuery plugins and resources

First of all: something extra for an article about handling Cookies on JavaScript. Namely, a set of different jQuery plugins, that support the work with Cookies.

The collection is available here:

http://www.jqueryrain.com/2014/01/macaroon-jquery-plugin-acessing-browser-cookies/


And additionally

– Various resources, including collections of plugins for different applications:

http://www.jquery4u.com/

– Collections of jQuery plugins:

http://smashinghub.com/category/web-development-2/jquery

Summary

That’s all for today. I hope some of the plugins will be useful to others. I encourage you to recommend your favorite jQuery plugins.

Thank you.

Web and Mobile Software Developer, with years of experience. My biggest passions are programming, new technologies, e-commerce, as well sports, cars, and of course my family.

Facebook Twitter LinkedIn Google+ Skype Xing 

Share: Share on Facebook0Tweet about this on TwitterShare on Google+1Share on LinkedIn3Share on Tumblr0Digg thisEmail this to someonePin on Pinterest1
You can leave a response, or trackback from your own site.