16
Jan
// php the_time('Y') ?>
elevateZoom is a highly-customizable jQuery plugin for creating image-zoom interfaces with ease.
It can work with a single high-quality image or two images (a thumb and a high-quality version).
The zoom window can be placed on any part of the page (or image) and there is also an option for inline-zooming which saves space.

For inline-zooming, it is possible to use a lens image that shows the zoomed part inside.
And, usually for displaying products, there is a gallery mode which can present multiple images with zoom functionality.
elevateZoom has many options for setting fadeIn/fadeOut, easing, opacity, borders and much more.
Requirements: jQuery
Compatibility: All Major Browsers
14
Jan
// php the_time('Y') ?>
ayaSlider is a flexible jQuery slider plugin with a very simple usage and setup.
The slider can display an unlimited number of items where any HTML can be used for the slides.
It has few options to define like the easeIn/easeOut values, the delay between each slide and the prev/next selectors.

However, each slide can behave differently with the help of ” the options per slide”. These include the starting points of each animation, opacity, delay, easing and duration to be used.
ayaSlider doesn’t force any styles, the look and feel can be completely customized with CSS and the options provided.
Requirements: jQuery
Compatibility: All Major Browsers
10
Jan
// php the_time('Y') ?>
When displaying the data inside a grid, Excel-like interfaces are probably the most standard way to do it.
ParamQuery, a jQuery plugin, enables us to present the data in a similar way with lots of options.
The records can be sorted or paginated, columns can be resized, hidden and it is possible to edit data inside cells with inline-editing.

There is support for infinite scrolling which is nice when loading lots of records.
It is capable of loading the data from any format like HTML, Array, XML, JSON, etc. and can be used with any scripting language.
Also, its look and feel can be changed with ease (theming support) and a powerful API exists for interacting further.
Requirements: jQuery and jQuery UI
Compatibility: All Major Browsers
20
Dec
// php the_time('Y') ?>
We all know the iOS folder interface: “clicking a folder changing the opacity of other elements and displaying the contents inside a sliding element”.
App-Folders is a jQuery that mimics that behavior and works on both desktop + mobile browsers.

Folders can include any HTML element (images, text, video ,etc.) and each folder gets its own URL that makes direct-linking possible.
The look/feel doesn’t have to be iOS-like but it can be themed completely for creating attractive layouts (check demo).
Requirements: jQuery
Compatibility: All Major Browsers
20
Dec
// php the_time('Y') ?>
Mobile_Detect is an open source PHP class for detecting mobile devices.
It uses the User-Agent string combined with various HTTP headers in order to detect the mobile environment.
The class can easily understand whether the platform is mobile, tablet or desktop.

Also, functions exist for detecting whether it is iPad, iPhone, Android, Blackberry, etc.
And, we can even drill-down to the versions of the platforms and browsers if needed.
It has a huge library of devices (including Nook, Nexus, Kindle, Archos..) and browsers for a stable detection.
14
Dec
// php the_time('Y') ?>
Most of the websites include social networking widgets like Facebook “Like” or Twitter’s “tweet” buttons that ease sharing of the content.
The major drawback with the widgets is the performance loss due to the multiple requests made and files loaded.
SocialCount, a jQuery plugin, with only ~3kb in size (minified-gzipped) and provides a much lighter solution for them.

It has support for Facebook, Twitter and Google+, doesn’t auto-load the widgets and only loads them when user hovers the related widget which ends up in lots of performance and speed gain.
In total, the plugin makes 1 JS request, 1 CSS request, 1 optional request for icons and 1 optional AJAX request for counts (compared to 25 total requests for Facebook, Twitter, and Google Plus widgets)
SocialCount works with mouse, touchscreen or keyboard and comes in multiple sizes.
Requirements: jQuery
Compatibility: All Major Browsers
12
Dec
// php the_time('Y') ?>
DataMaps is a script to display any data interactively and beautifully inside maps.
It comes with ready-to-use maps for world map with countries, USA with states and a combined one.
The map data is stored as JSON and any custom maps can be created by following the structure.

DataMaps makes use of D3, Backbone + Underscore and comes as a jQuery plugin (or a as a standalone Backbone view).
When browsing through the maps, the hovered or clicked parts can be highlighted and be set to display custom information.
Also, it has support for visualizing data as bubbles in different sizes to show the effect of the data over a region.
Requirements: jQuery, Underscore, D3
Compatibility: All Major Browsers
11
Dec
// php the_time('Y') ?>
Range sliders are very useful UI elements when it comes to selecting min-max values.
jQRangeSlider is a jQuery and jQuery UI-powered slider plugin that has support for both numerical values and date/time.

It works within a given range of values and can be set to use custom steps (like 10-by-10 or week-by-week).
The plugin works well on touch devices (accept mouse wheels too), can be themed with CSS (there are 2 built-in themes) and provides callbacks for each change in values for interacting easily.
Requirements: jQuery and jQuery UI
Compatibility: All Major Browsers
7
Dec
// php the_time('Y') ?>
Vegas is an exciting jQuery plugin for creating fullscreen backgrounds for web pages.
The plugin’s capability is not limited to displaying a single image but can also rotate a list of images automatically.
It has settings for defining the interval of the slideshow, fade value and enabling preloading of the items.

An API helps manually controlling the functionality with functions for prev-next, pause-play or jumping to a specific image.
Also, there are callbacks on every level for further customization.
Requirements: jQuery
Compatibility: All Major Browsers
5
Dec
// php the_time('Y') ?>
Scrolling a list of items, like an image gallery or a news feed, is a frequently-used pattern in websites.
Any List Scroller is a very handy jQuery plugin that can perform the scrolling with any list and in any dimension.

The list elements can be sized differently, it can stop on the first/last items or work infinitely, there is auto-scroll and the number of items to be displayed can be set.
It is also possible to define the scrolling direction (for auto-scroll) and its speed.
Requirements: jQuery
Compatibility: All Major Browsers