A jQuery plugin to create a Facebook photo selector.This is an interface component that allows you to select a photo from your albums as if you were inside of Facebook. It mimics the ‘Change your profile picture’ dialogue, but allows you to customize it as you like.
Best jQuery Plugins Plugins & Tutorials with Demo
5sec Google Maps Standalone with jQuery
5sec Google Maps Standalone with jQuery have following features :
Features:
- 5sec concept ensures you’re not wasting your time
- all configuration is done through HTML – no messy JS
- iframe and single image maps are available for extra speed
- fully responsive
- supports multiple maps per page
- configurable bubble for location pin (iframe maps)
- configurable location pin (image maps)
- works on any site or CMS
- detailed documentation
- extremely easy to configure
Magnific Popup : Responsive jQuery Lightbox Plugin
Magnific Popup is a free responsive jQuery lightbox plugin that is focused on performance and providing best experience for user with any device (Zepto.js compatible).Magnific Popup displays images before they’re completely loaded to take full advantage of progressive loading. For in and out transitions CSS3 is used instead of slow JavaScript animation.
Plugin has an option to automatically switch to alternative mobile-friendly source on small screen size.
MixItUp : A CSS3 and jQuery Filter & Sort Plugin
MixItUp is a light-weight but powerful jQuery plugin that provides beautiful animated filtering and sorting of categorized and ordered content. It plays nice with your existing HTML and CSS, making it a great choice for fluid, responsive layouts. It’s perfect for portfolios, galleries, blogs, or any categorized or ordered content!
MixItUp uses jQuery to decide which elements to hide, show or re-position based on your filters, and then applies the power of CSS3 transitions to smoothly animate these elements to their new locations. It’s an extremely efficient approach that makes the most of your modern browser’s rendering power, and avoids more resource-heavy approaches involving jQuery .animate() and position: absolute.
LivIcons : 303 Truly Animated Vector Icons with jQuery
So what is LivIcons? They are a cross browser vector icons, built with JavaScript, with individual mini animation for every icon. They based on SVG (scalable vector graphic) in modern browsers and VML (vector markup language) in IE6 – IE8 for clean and perfect look at any devices (Yes. Retina too).
Features:
- 303 live icons – one script.
- New step in interactivity and brand New – such animation methods for interface elements were never created before.
- Animated and can be static of course
- Any color, any size
- Retina perfect
- 16 pixel perfect
- Flexible settings of behaviour and appearence
- Bootstrap compatible
- Easy integration – just one string of code for an icon.
- IE6+ support
- All browsers
jQuery Social Buttons
A jQuery plugin that helps you roll your own tweet/like links.The ouput of this plugin is currently a pretty ugly (though easily stylable) display of stats for Twitter and Facebook. Initial support for like/tweet links exists, though Facebook’s is pretty rudimentary. The goal is to avoid the use of the IFRAMEs provided by Twitter and Facebook, though it may make sense to use modal IFRAMEs upon clicking the like links.
Cavendish.js : jQuery plugin to create multiple Slides effect
Cavendish is a jQuery plugin that’s focused on helping you with your slides.Cavendish is intended to be a very simple slide manager based on CSS transitions. Initializing Cavendish sets up an iterator for your slides, which applies classes to your slides based on their relationship to the current slide. Everything else is up to you!
Cavendish doesn’t try to polyfill for old browsers, or to provide any extra interaction – it’s just meant to provide a platform for custom interaction by managing the state of your slides. I think you’ll find it refreshing!
StreamTable.js : The next generation search filter in jQuery
StreamTable.js streams data for tables in the background, updates and renders them using templating frameworks like Mustache.js, HandleBars.js.
Sometimes we want to show thousands of records in a table. This can take too long for the page to render and make the page unusable till the entire table is populated. To counter this we could populate the table using an Ajax call. In both cases, the users have to wait until all the table rows are populated. Additionally, user cannot do any operations on the table like search, pagination etc.
The idea behind StreamTable.js is to initially populate minimum rows (maybe 10 or 20) and after that in stream data silently in the background and update the table. This ensures that the page loads immediately and is also usable immediately for all operations.
