Top 8 jQuery Plugins for August 2012
The plugin is lightweight and supports few input validations by default (required, date, number, e-mail, min/max and phone number). But it can be extended so easily by adding few lines and the regex for the rule you want. Its styling in case of an error is smartly thought. Any non-validated elements get a custom class. Also, a element is added for each non-validated item so that an error text can be displayed. And, Happy.js works with Zepto.js as well.
BigVideo.js is a jQuery plugin for easily inserting fit-to-fill background videos to websites. It can play a video silently or can be used as a playlist to enable users to choose any item they prefer. The plugin is built on top of Video.js, makes use of jQuery UI and has player controls so that the background video can be controlled. And, it can also show images which is handy for creating a fallback for devices that don’t support auto-play.
simpleWeather is a jQuery plugin for fetching any weather-related data from Yahoo! Weather. It makes use of the YQL API and can bring weather details of any location by mentioning their name (or zip code – US only). The data returned includes current/max temperature (in Fahrenheit or celcius), humidity, pressure, visibility, wind speed/direction and the weather condition image. There is also support for the forecast of the next day.
Really Simple Slideshow is a jQuery plugin for creating image sliders of any kind. The plugin converts any list of images into a slideshow, it can display captions with each slide, include links and there are multiple transition effects. It has a powerful API for creating a completely customized slider. We can add new items to a slideshow, get any details about them, start/stop/pause it and much more.
jQuery Picture, a plugin for the framework, makes that very easy by automating the process. It supports both figure elements with some custom data attributes and the newly proposed picture format (which is not yet valid HTML code). In order to activate it, just call the plugin’s function by targeting the image to be responsified and that’s all.
TiltShift.js is a jQuery plugin that uses the CSS3 image filters to replicate the tilt-shift effect. This is a proof of concept and currently only works in Chrome & Safari 6.
You can define the focus point, the blur radius, the amount of area that is in focus, the amount of area between complete focus and complete blur, and the direction of the effect. TiltShift.js is released under GPL License.
Freetile is a plugin for jQuery that enables the organization of webpage content in an efficient, dynamic and responsive layout. It can be applied to a container element and it will attempt to arrange it’s children in a layout that makes optimal use of screen space, by “packing” them in a tight arrangement. Freetile is inspired by similar, existing efforts such as Masonry, vGrid and Wookmark. However, it differs from these solutions in some aspects: It allows for any size of elements to be packed without using a fixed-size column grid, so you don’t have to worry about specifying a column width appropriate to the size of your elements.
Avgrund.js is a jQuery plugin for modal boxes and popups. It uses interesting concept showing depth between popup and page.
It works in all modern browsers and gracefully degrade in those that do not support CSS transitions and transformations (e.g. in IE 6-9 has standard behavior). It has been tested with jQuery 1.4+. And it is lightweight; file size is under 2Kb. It is licensed under MIT License.