6
Jan
// php the_time('Y') ?>
Moousture is a JavaScript mouse gesture library, built with MooTools.
It simply checks the mouse movements & catches them if they follow any given route.

The library is very customizable. Variables like:
- miliseconds mouse movements will be traced
- interval of the number of mouse steps
- errored movements to be ignored (in pixels)
can be defined.
With the help of a direction pad, new gestures can be created by simply mentioning their numbers in an order like:
gstr.addGesture([4,3,2,1,0,], functionName); would be a "u" character.
The Moousture is also compatible with most of the mobile devices (including iPhone).
The library website includes a demo worth-checking which can display a menu with a mouse gesture.
Requirements: MooTools
Compatibility: All Major Browsers
29
Dec
// php the_time('Y') ?>
CoolTips is an object-oriented, unobtrusive & lightweight class based on Prototype JS + script.aculo.us frameworks for creating good looking tooltips.
It doesn't need any inline JavaScript coding. Using the title attribute of elements is enough and CoolTips will convert them.

The tooltips can be customized using a bunch of parameters or by CSS:
Besides the colors of background, borders & text, it is possible to set the opacity, appear/hide durations or enabling/disabling mouse follow effect.
Requirements: Prototype JS and script.aculo.us
Compatibility: All Major Browsers
29
Dec
// php the_time('Y') ?>
Uki is a simple JavaScript user interface toolkit for creating desktop-like web applications with few lines of code.
The toolkit is fast. It uses progressive rendering, can render 30k+ lists & tables very quickly (which would normally take minutes in IE).

It doesn't offer a complete JavaScript framework. Rather, Uki is totally focused on the layout and, if wanted, can be used with any JS framework.
Uki comes with a rich view-component library ranging from slider to list and splitpane (more is on the way like tree, grid views).
The toolkit works cross-browser & presents a demo for creating the Google Wave interface with 100 lines of code.
Requirements: No Requirements
Compatibility: All Major Browsers
19
Dec
// php the_time('Y') ?>
JQuery Roundabout is an impressive plugin that converts HTML elements into highly-customizable & interactive turntable-like (and more) interfaces.
By default, it works with ordered/un-ordered lists but with a little configuration it can convert any nested HTML structure.

The plugin has a bunch of options for maximum customization like:
- optional starting element
- speed of the animations
- opacity & scale of objects
- ability to trigger animations from any element
- disabling clicks
- & more..
With the help of a complimentary plugin, named Roundabout Shapes, it is possible create too many different types of interfaces.
jQuery Roundabout can have have various uses from displaying images to creating form interfaces, animations, etc.
Requirements: jQuery, jQuery Easing Plugin (optional), Roundabout Shapes Plugin (optional)
Compatibility: All Major Browsers
17
Dec
// php the_time('Y') ?>
Meerkat is a jQuery plugin for creating a fixed content on the top or bottom of the page which keeps its position when the page is scrolled.
The content displayed can slide or fade in & can be configured with the options provided.

There is a close option, which closes Meerkat until the page has been reloaded, or a dontShow option, which closes it until the browser session has ended, or for a set amount of days, totally configurable.
It is also possible to define the background color, height & animation speed of the Meerkat easily.
The plugin is very useful for displaying sticky banners & notifications or creating a splash page (an example exists in the plugin page).
Requirements: jQuery
Compatibility: All Major Browsers
15
Dec
// php the_time('Y') ?>
Clearbox 3 is a Lightbox-like modal box script to display images, image galleries & various other contents including Flash, Quicktime, Windows Media formats, HTML, inner content, etc.
It can show multi-line text information for any content displayed. And, as a unique feature, images displayed can be rotated with a click.

Clearbox supports slideshow functionality and every aspect of it can be customized from the settings of the script.
It is friendly with Ajax & can display content via Ajax calls.
Also, its interface can be presented in any language by supplying a language file.
P.S. Clearbox is free for only personal use.
Requirements: No Requirements
Compatibility: All Major Browsers
1
Dec
// php the_time('Y') ?>
bxSlider is a jQuery plugin for creating simple content sliders & tickers.
The usage of the plugin is straightforward & can be implemented in minutes. Various settings (like speed, auto: true/false, ticker_direction) make customizing the display easier.

It has 3 modes:
-
slide (for browsing images with a slide effect)
-
fade (for browsing images with a fade effect)
-
ticker (for continious display of content)
Considering bxSlider includes the content slider & ticker functions in a lightweight package (8kb), it is a very ideal script specially for news portals that would generally use the both features.
Requirements: jQuery
Compatibility: All Major Browsers
23
Nov
// php the_time('Y') ?>
TopUp is an unobtrusive Lightbox clone that is highly customizable & offering advanced features.
It is built with jQuery/jQuery UI & can display images, videos, webpages or any HTML content.

TopUp supports grouping of objects to be displayed & they can be browsed with previous-next buttons (ideal for image galleries).
Images used inside (backgrounds, buttons, etc) are displayed with CSS sprites, so there will be fewer requests while loading.
It can work with Ajax requests & the effects while displaying the modal window or transition of contents can be customized.
Requirements: jQuery, jQuery UI
Compatibility: All Major Browsers
17
Nov
// php the_time('Y') ?>
TinyTable, a lightweight JavaScript table sorter that was featured before, has its 3rd version released.
The new version has fresh features like: search, column averages and totals, record numbering, a view all & a reset function.

TinyTable also has features like:
-
alternate row highlighting
-
header class toggling
-
auto data type recognition
-
selective column sorting
Almost every feature is optional & can be configured while calling the TinyTable function.
Since using tables is still the best option to display tabular data, it is a must-bookmark.
Requirements: No Requirements
Compatibility: All Major Browsers
13
Nov
// php the_time('Y') ?>
TableGear is a MooTools plugin for adding extra functionality to the standard tables.
It is designed to work in a PHP/MySQL environment & can be implemented very quickly.

TableGear makes the following possible:
-
sorting & pagination of data
-
onClick editing of columns (ajaxed)
-
adding/deleting rows (ajaxed)
-
styling columns
-
& more
The plugin is keyboard-friendly for a faster navigation & it is very well-documented with lots of examples.
Requirements: MooTools 1.2.1+ & PHP
Compatibility: All Major Browsers
Thank you! Please check your inbox to confirm your subscription.
Loading...
Get WebResourcesDepot WeeklyA Weekly Newsletter For Web Designers And Developers