Connect With WRD
feed via e-mail
feed via e-mail

Archive for the ‘Browsing’ Category

Moousture is a JavaScript mouse gesture library, built with MooTools.

It simply checks the mouse movements & catches them if they follow any given route.

MooTools Mouse Gesture Plugin: Moousture

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.

Moousture DirectionsWith 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.

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.

CoolTips: JavaScript Tooltips

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.

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).

UKI: JavaScript UI Toolkit

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.

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.

jQuery Roundabout Plugin

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.

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.

jQuery Meerkat

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).

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 - Lightbox Clone

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.

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.

bxSlider

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.

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 JavaScript Lightbox

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.

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.

JavaScript Table Sorter: TinyTable

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.

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.

MooTools Table Editor

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.

Uptime Robot
Loading...
Get WebResourcesDepot Weekly
A Weekly Newsletter For Web Designers And Developers
feed-holder
FeedBurner
  • PSD to HTML
  • file uploading, video/audio/image encoding, s3 storage and much more
  • PSD to HTML
    aXmag - Flash Page Flip Magazine Software, PDF to Flash Converter