Useful Plugins and JS Libraries for Developers

By Hoja M A on December 6, 2016

Hey Guys,

This is my first technical blog entry. I just want to share some ideas about some awesome plugins with you. Now a days JavaScript Libraries are an inevitable tool for both programmers and UI developers. The following are some of examples.

1. BOOTSTRAP PACKAGE

Now a days everyone will be familiar with bootstrap packages. It is mainly used for developing well-structured mobile-responsive web pages. It’s very easy to implement and pretty well managed ‘div’ elements and predefined classes for every HTML element that were needed by both programmers and UI developers.
1

Link                 :                www.getbootstrap.com

Alternatives    :           Foundation, Semantic UI

2.BOOTSTRAP SELECT PLUGIN

This is an interesting select drop down plugin usually come with bootstrap package. If you want a stand-alone version of this select box only you could use this plugin.

Also there is another plugin chosen which is highly recommend for drop down with search/filter option.

2

Link                 :           http://silviomoreto.github.io/bootstrap-select/

Alternatives    :      Chosen

3.JQUERY SPARKLINES

This jQuery plugin generates spark lines (small inline charts) directly in the browser using data supplied either inline in the HTML, or via JavaScript.

The plugin is compatible with most modern browsers and has been tested with Firefox 2+, Safari 3+, Opera 9, Google Chrome and Internet Explorer 6, 7, 8, 9 & 10 as well as iOS and Android.

Link                 :           http://omnipotent.net/jquery.sparkline/

4.FULL CALENDAR

Full Calendar is a jQuery plugin that provides a full-sized, drag & drop calendar like the one below. It uses AJAX to fetch events on-the-fly for each month and is easily configured to use your own feed format (an extension is provided for Google Calendar). It is visually customizable and exposes hooks for user-triggered events (like clicking or dragging an event). It is open source licensed under an MIT license.

4

5.JQUERY NICESCROLL

Nice-scroll is a jQuery plugin, for nice scrollbars with a very similar iOS/mobile style.

Easy-to-use solution to have a custom scrollbars compatible with desktop, tablet and phone devices. It supports DIVs, I-Frames, text-area, and document page (body) scrollbars.

5

6.JQUERY AUTO SIZE

JQuery Auto Size is a plugin which is used for auto resizing of text area.

Link                 :           https://github.com/jackmoore/autosize

7.JQUERY VALIDATION ENGINE

JQuery validation engine is a JavaScript plugin aimed at the validation of form fields in the browser (IE 6-8, Chrome, Firefox, Safari, and Opera 10). The plugin provides visually appealing prompts that grab user attention on the subject matter.

Link                 :           https://github.com/posabsolute/jQuery-Validation-Engine

8.ANIMATE.CSS

This is just another awesome CSS plugin for animating your elements.

6

 

Link                 :           http://daneden.github.io/animate.css/

9.ICheck Plugin

ICheck plugin works with checkboxes and radio buttons like a constructor.
It wraps each input with a div, which may be customized by you or using one of the available skins.
You may also place inside that div some HTML code or text using insert option.

Link                 :           http://fronteed.com/iCheck/

10. JQUERY Easy Pie Chart

Easy pie chart is a jQuery plugin that uses the canvas element to render simple pie charts for single values. These charts are highly customizable, very easy to implement, scale to the resolution of the display of the client to provide sharp charts even on retina displays, and use request Animation Frame for smooth animations on modern devices.

10

Link                 :           http://rendro.github.io/easy-pie-chart/

11. Flotcharts

Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features.

Works with Internet Explorer 6+, Chrome, Firefox 2+, Safari 3+ and Opera 9.5+

11

Link                 :           http://www.flotcharts.org/

12.JQUERY jVector Map

It’s an interactive custom map with several options.

Works in all modern browsers (including IE6-8)

Looks great on any resolution because of its vector nature

Many maps are available

Custom maps could be created using converter

12

Link                 :           http://jvectormap.com/

13. JQuery Input Mask

It is one of the useful plugin for form field rendering. An input mask helps the user with the input by ensuring a predefined format. This can be useful for dates, numeric, phone numbers.

Link     :      https://github.com/RobinHerbots/jquery.inputmask

14. JQuery Easing

Easing can really bring life to an effect. Easing controls how an animation progresses over time by manipulating its acceleration. JQuery has two built-in easing methods: linear and swing. While they get the job done, they are pretty boring when compared to what’s made available through the jQuery easing plugin.

The jQuery easing plugin offers 30 different easing methods, courtesy of Robert Penner’s easing equations. Let’s check some of them out.

Link                 :           http://gsgd.co.uk/sandbox/jquery/easing/

15.PIROBOX

PIROBOX is a pop up plugin like COLORBOX or bootstrap modal with great flexibilities in modifications and styles.15

Link                      :            http://www.pirolab.it/pirobox/

Alternatives    :           SIMPLEMODAL, COLORBOX.

16. FONT AWESOME

FONT AWESOME is a good iconic font for styling your HTML elements.

16

17. iOS7 – ICON FONT

This is a Web-fonts of iOS7 icons.

Link             :           https://github.com/AKIRA-MIYAKE/iOS7-icon-font

18. Simple Weather JS

A simple jQuery plugin to display current weather data for any location and doesn’t get in your way. Now supports HTML5 Geo Location.

18

Link                 :           http://simpleweatherjs.com/

19. JQuery Super Box

Super Box is a new jQuery plugin I’ve been composing over the last few days. Super Box takes the whole ‘image’ and ‘light box’ one step further, reducing the JavaScript and image load dependence to make light boxing a thing of the past! Using HTML5 data-* attributes, responsive layouts and jQuery, here’s Super Box.

19

Link                 :           http://toddmotto.com/introducing-superbox-the-reimagined-lightbox-gallery/

I hope you love this post. Please revert your feedback through comments. Thank you for your valuable time.

 

Leave a Reply

SCROLL TO TOP