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.
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.
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.
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.
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.
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.
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+
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
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.
Link : http://www.pirolab.it/pirobox/
Alternatives : SIMPLEMODAL, COLORBOX.
16. FONT AWESOME
FONT AWESOME is a good iconic font for styling your HTML elements.
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.
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.
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.
You must be logged in to post a comment.
