28
Oct
// php the_time('Y') ?>
jsMessage is a tiny (3kb gzipped) JavaScript library for displaying notifications with ease.
Besides notifications, it supports alerts + confirmations and doesn't require any other JS libraries to run.
The positions of the messages, their auto-expire duration and whether they can be controlled via keyboard or not can all be configured.
Each message type (except notifications) has callbacks for a customized interaction and the look/feel of messages can be completely styled.

Requirements: No Requirements
Compatibility: All Major Browsers (except IE6)
24
Oct
// php the_time('Y') ?>
List.js is a cross-browser and standalone JavaScript library for improving the functionality of the HTML list element.
Using the library, the lists quickly become searchable, sortable and filterable. These actions not only include the values of <li> elements but any other elements and tags used inside them.
It equips lists with add, edit and delete functionality. Also, getting values of items is so easy.
And, all these features come only in 7kb.

Requirements: No Requirements
Compatibility: All Major Browsers
13
Oct
// php the_time('Y') ?>
Joyride is a plugin for jQuery that simplifies the process of guiding users to discover the features of a website.
By defining the steps of the tour as an ordered list, the plugin displays desired information near any HTML element inside tooltips.

The location of tooltips (bottom, top), scrolling speed of the page, cookie on/off and several other options exist for customization.
To sum up, Joyride is a simple yet effective way of helping users find out the features of a website.
Requirements: jQuery
Compatibility: All Major Browsers
11
Oct
// php the_time('Y') ?>
liteAccordion is a jQuery plugin for creating attractive horizontal accordions on the fly.
It is sized ~1.4kb (gzipped and minified) and can display any HTML element (images, text, video, Flash..).

Any number of slides can be shown (that fit to the size of it) and it can be set to display a selected slide on initial load.
There are also other options like:
- speed of the transitions
- autoplay
- pause on hover
- time between each slide
liteAccordion is themable and comes with 2 themes (basic and dark).
Also, 2 callback functions exist (after the transition is complete and if any of the slides is clicked) for interacting with events.
Requirements: jQuery
Compatibility: All Major Browser
6
Oct
// php the_time('Y') ?>
SimpleModal is a MooTools plugin for creating modal boxes very easily.
The plugin is lightweight and can be used to display alert/confirmation dialogs besides any HTML content (text, image, video, etc.).
For the confirm dialogs, it provides a callback function. Also, SimpleModal can work in asynchronous mode and get contents from inline or other URLs.
Its look and feel can be customized with options like opacity, width, overlay color, draggable on/off and more.

Requirements: MooTools
Compatibility: All Major Browsers
3
Oct
// php the_time('Y') ?>
Using elements that stay in the viewport while scrolling is a good way of providing an easy-to-reach links/info (like navigation or help) to users
Portamento.js is a jQuery plugin for creating such floating panels quickly with a line of JavaScript and few CSS rules.
It functions well with both absolutely-positioned + floated layouts and has cross-browser support.

The plugin has a smart feature which understands whether the screen-size is big enough or not to display the floating panel and decides to float it (or not) automatically.
It is very easy to use and has very few configuration options like "the element to be wrapped" or "its margin from top".
Requirements: jQuery
Compatibility: All Major Browsers
29
Sep
// php the_time('Y') ?>
ImageMapster is a jQuery plugin that vitalizes the old image maps by adding more capabilities to them.
Using the plugin, any image map can be highlighted, selected (single or multiple areas) and manipulated in all kinds of ways.
There are many built-in functions provided like the ability to change the color-opacity or borders of the image map once it is selected. Or you can add a fade effect to them.

Tooltip support makes displaying user-friendly information possible while interacting with the image maps.
There are advanced functions like grouping areas to force the items to behave together (areas can be belong to more than one groups)
And, image map data can be automatically scaled to match the display size of an image or it can be resized to any defined dimensions (which is good for responsive designs).
Requirements: jQuery
Compatibility: All Major Browsers
26
Sep
// php the_time('Y') ?>
Daniel Raftery of ThrivingKings, a talented web developer, has created and sharing various useful jQuery plugins.
One of them is Formly, a plugin for easily adding cross-browser styling and validation to forms.
Another one is Sticky which enables us to create good-looking notification messages on any corner of a web page. They can be set to auto-close and multiple messages can be displayed at the same time.

There is Apprise, a simplistic modal box plugin for displaying alert-like dialogs. It has built-in options to show verification, confirmation and text alerts. Also, these alerts can be set to appear with an animation.
And, the last one is Badger which is a pretty original plugin that can insert a chic badge on any part of an HTML element. The badges can contain any text and a nice way of getting the user's attention and providing information.
Requirements: jQuery
Compatibility: All Major Browsers
20
Sep
// php the_time('Y') ?>
rlightbox is a lightbox plugin that is built on top of jQuery + jQuery UI and comes with some fresh features that doesn't exist in its alternatives.
It can display any type of content from images to videos (YouTube and Vimeo), Flash files and HTML.
The plugin has a unique "panorama" feature for showing only part of an image but allowing users to view the rest with panning.

And, "live re-size" auto-scales the images in accordance with the browser size (which is great for responsive designs).
rlightbox can be set to display a single item or a set with th ehelp of pre-next buttons (there is support for keyboard navigation as well).
It is look and feel can be completely customized as the plugin is fully compatible with jQuery UI ThemeRoller.
Requirements: jQuery and jQuery UI
Compatibility: All Major Browsers
9
Sep
// php the_time('Y') ?>
Few days ago, FitText, a jQuery plugin that auto-arranges the size of fonts according to the size of the element wrapping them -so they don't break-, was shared at WRD.
And now, it is FitVids.JS, again a jQuery plugin and a similar solution but, this time, for videos.
It automates the Intrinsic Ratio Method by Thierry Koblentz to achieve fluid width videos in your responsive web design.

Usage is simple, just call the fitVids function by targeting a video and the element will be auto-wrapped with a <div> and CSS for resizing it will be applied.
Currently, it is compatible with major services like Youtube, Vimeo, Blip.TV or Viddler.
Requirements: jQuery
Compatibility: All Major Browsers