Yet another jQuery post out on the web today but why? simple jQuery has made web development quite easy and handy to make animation, interactive components and web elements is not that tough and time-consuming as it used to be. As the best part is that most of the time you don’t really need to make it yourself as thousands of plugins are already been made to help you. You can do anything and everything. Today you’ll find 12 of the latest jQuery plugins that you may not know about.
1. Spin.js
Spin.js a spinning activity indicator utilises the CSS3 to render the UI with a fall back to VML Internet Explorer. When a browser supports it, @keyframe rules are applied to animate the spinner. |
2. jQuery Timelinr
This simple plugin helps you to give more life to the boring timelines. Supports horizontal and vertical layouts, and you can parameterize the majority of attributes: speed, transparency, etc..
3. My Fade Over Image
This plugin create a fading effect for image on mouse over. In addition, you can select a color tone filter for your images. The tone is set for the images, when they are not hovered. When it is hovered, the color tong filter will be removed, so that there is a clear distinction between this selected image and other non-selected images. You do not need to prepare multiple sets of images, also you can change the color tone using javascript.
4. Mobiscroll
A wheel scroller user control optimized for touchscreens to easily enter date and/or time. The control can easily be customized to support any custom values and can even be used as an intuitive alternative to the native select control (dropdown list). It is designed to be used on touch devices as an alternative to the jQuery UI date picker.
The control is themable. You can easily change the appearance of if in CSS. It also comes with pre-defined, nice looking skins (Default, Android, Sense UI and iOS).
5. grumble.js
grumble.js provides special tooltips without the usual limitations of north/east/south/west positioning.
A grumble can be rotated around a given element at any angle, all 360 degrees. Any distance can be specified. Any CSS style can be applied. There’s auto-magic size adjustment for use with localised text. FX queues for animating multiple grumbles. And it works in IE6+, and modern browsers.
6. qrCode.js
jquery.qrcode.js is jquery plugin for a pure browser qrcode generation. It allow you to easily add qrcode to your webpages. It is standalone, less than 4k after minify+gzip, no image download. It doesnt rely on external services which go on and off, or add latency while loading. It is based on a library which build qrcode in various language. jquery.qrcode.js wraps it to make it easy to include in your own code.
7. DropKick
Creating custom dropdowns is usually a tedious process that requires a ton of extra setup time. Oftentimes lacking conveniences that native dropdowns have such as keyboard navigation. DropKick removes the tedium and lets you focus on making s@#t look good.
8.Peity
Peity (sounds like deity) is a simple jQuery plugin that converts an element’s content into a simple mini pie line or bar chart .
9. miniAudioPlayer
If you need an audio player for your music or for your podcast, this is what you where looking for. This full featured small player makes advantage of the new HTML5 AUDIO tag with a flash fallback for browsers that doesn’t support it. It is a GUI implementation of the jPlayer plugin realized by Happyworm.
10. valueSlider
jquery.mb.valueSlider let you set a range between two numbers (positive or negative) and catch a value by dragging a cursor.
11. bgndGallery
With this jQuery plugin you can make suggestive slide show of images as background of your page; the images will adapt their size to the window size fitting always at the best. You can either navigate the gallery with your keyboard or with a control panel displayed where you whant in the page.
12. jTransit
This is a plugin for jQuery which allows simplistic assignment of animations on specific elements which are trigged specifically when entering or leaving a page. When loading a site, jTransit can animate specific elements in either a sequential or parallel manner.
