Monday, April 7, 2014


Unleash the power of creativity clubbed with amazing usability, with these Zippy jQuery plugins that are a must have for every website. Creative, usable and intuitive, combined with a splash of awesome user interface makes these jQuery plugins wonderful. Ranging from Sliders, widgets, scrollers and charts, these jQuery plugins are sure to meet your needs.


1. Coverflowjs

 Coverflowjs

The Coverflow project seeks to create a fully functional 'CoverFlow' effect using a combination of jQuery, jQuery UI components and CSS3 transforms. Coverflowjs flaunts highly optimized animations, auto-detects browser rendering capabilities, provides a 3D rendering mode with a 2D fallback momentum swipe support (based on external libs, officially supported are jQuery mobile and Hammer.js), has mouse wheel support and it has legacy browser support down to Internet Explorer 8 with good code coverage!



2. Pop Easy jQuery Plugin




 Pop Easy jQuery Plugin

Pop Easy is a light weight jQuery plugin that is a must have for any developer to easily create modal windows. Put focus on important elements by applying a mask to your page and opening a customizable pop up modal window. Pop Easy also supports multiple modals. To use multiple modals on one page, you must sync the href attribute of the trigger to the id of the div you wish to open. This works the same with transitioning from one open modal to another. Just place a link in the modal you wish to leave with an href attribute matching the id of the next modal.


 jQuery Museum

jQuery Museum is a zero-clutter jQuery image gallery lightbox that works well on desktop & mobile. It is a single file image gallery lightbox powered by jQuery and is crafted without animations or styling. jQuery Museum works well on desktop & mobile. Clicking the image (or hitting arrow keys) goes to the next one, while clicking outside the image (or hitting escape) closes the overlay. With jQuery Museum, the images can be deep-linked (uses URL hash). What more? The browser back button is respected by jQuery Museum.


 Headroomjs

Headroom.js is a lightweight, high-performance JS widget (with no dependencies!) that allows you to react to the user's scroll. The header on this site is a living example, it slides out of view when scrolling down and slides back in when scrolling up. Fixed headers are a popular approach for keeping the primary navigation in close proximity to the user. This can reduce the effort required for a user to quickly navigate a site, but they are not without problems. Headroom.js allows you to bring elements into view when appropriate, and give focus to your content the rest of the time.





 Android Style Pattern Lock jQuery Plugin

Pattern Lock is a light weight plugin to simulate android like pattern lock mechanism for your hybrid app or for a website. It's easy to configure and style so you can have different type of pattern lock according to your need. It also provides some methods to use this plugin securely. The Android like pattern lock plugin can be used for your hybrid app or for a website. The plugin is real easy to use, just include jquery and patternLock.js and patternLock.css to your page. Then with just a simple initialization you have your pattern lock.


 PdfSlider jQuery Plugin

pdfSlider is a jQuery powered simple slider originally created for pdf files but can be used for any kind of content. pdfSlider jQuery plugin allows to create amazing sliding effects with beautiful slide transitions. Use this slider for any kind of contant and see the magic of slider in action. When the pdfSlider is used for images, it definitely gives one a really beautiful image slider effect that has graceful and swift image transitions. There is also flexibility provided to choose the visibility of the slider controls on the slider making this very much customizable.


 SVG Magic jQuery Plugin

SVGMagic is a SVG fallback that does it all! SVGMagic is a simple jQuery plugin that searchs for SVG images (including background-images) on your website and creates PNG versions if the browser doesn't support SVG. Wondering why you should use SVG images? SVG images are vector based! Meaning that they will be as sharp as hell no matter how big they are. In other words: one file for every size. SVGMagic checks which browser your visitor is using. Is it a browser that doesn't support SVG images, than it starts the magic! First of all the script will check which images on your website are SVG and collects their URLs. These URLs are then send to our server which will temporarily download, convert and save them. When that's done the server send back a package with new URLs. The SVG images on your website than get replaced by the new PNG images and your old-school visitor can see the 'SVG' images.
 jQuery Comparison

jQuery Comparison is a jQuery plugin for comparing images, you know, before and after. The demo pictures how this plugin is used to compare the color and grayscale versions of an image in a simple way. Image comparison will be real easy with the jQuery Comparison plugin. This plugin is extremely simple to configure and integrate into your web page and hence will be a great utility. Compare images with easy with the jQuery Comparison jQuery Plugin.


 TableBarChart jQuery Plugin

Table Bar Chart is a very simple jQuery plugin to render bar chart from existing HTML tables. This is extremeley easy to use  as it has no extra javascript code to define data. Featuring animation (at display time and hovering on legend item), Popup for value of each bar, Support group by table column (default) or table row, Table Bar Chart is a wondeful widget. Table Bar Chart is compatible with IE, Firefox and Chrome.


 DP Number Picker jQuery Plugin

DP Number Picker is a jQuery Plugin which creates a widget that allows users to select a easily select a number. Number can have a minimum or maximum buttons. "+" and "-" buttons are used as controls along with keyboard input. Various Callback methods are available. And the number can be formatted using a formatter method or a format string (or both together). Usage of DP Number Picker is very simple. This plugin extends the jQuery Object with the method dpNumberPicker. This method takes a container element (typically a <div> or <span>) and converts it into the number picker widget.

Categories: , , ,

0 comments:

Post a Comment

Subscribe to RSS Feed Follow me on Twitter!