Customer feedback quickly and easily -
Traffic Light Feedback

Archive for the ‘Browsing’ Category

Spritely is a jQuery plugin for creating dynamic character & background animations using HTML + JavaScript.

With the power of JavaScript, the animations can be controlled on events (clicks, mouseovers) easily.

jQuery Spritely

Animated elements can fly over the page without effecting any other element (can be ideal for floating-type banners) & the page still remains accessible.

Specially, for the platforms where Flash is not supported, Spritely can be an alternative (like iPhone, iPad).

It works in all major browsers including IE6.

YoxView is a highly-customizable jQuery image viewer plugin (Lightbox) for displaying single-to-multiple images.

It helps browsing a list of images in a modal box with previous-next buttons or as a slideshow.

The viewer supports displaying multiple instances in a page where each of them can be configured independently.

jQuery VoxView

YoxView is multilingual & already comes with multiple language files.

Besides standard navigation, images can be navigated with keyboard too.

The plugin has many options like opacity levels, background colors, title display/fade durations & more.

Quicksand is a very functional jQuery plugin for reordering and/or filtering items with a nice shuffling animation.

It simply replaces a collection of items with another & only requires the sets to be provided which can be done in multiple ways:

  • using plain HTML, like an unordered list
  • downloading data by an Ajax call
  • transforming HTML items by JavaScript

Quicksand also comes with few options like setting the duration or the easing type of the animation (optionally, Easing plugin can be used for more easing types).

jQuery Quicksand

ColorBox is a jQuery Lightbox plugin which is lightweight (9kb) & supports photos, photo groups, slideshow, ajax, inline, and iframed content.

The lightbox has a very nicely designed interface which can be improved or customized with CSS.

jQuery ColorBox

ColorBox is unobtrusive, every option is mentioned in the JS & requires no changes to the existing HTML.

For faster displays & slideshows, it preloads background images and, optionally, can preload upcoming images in a photo group.

The plugin comes with a bunch of settings, including transition types-speeds & opacity, for maximum customization.

Coda-Slider 2 is a jQuery plugin, inspired from the slider at Panic Coda website, which can present any HTML content nicely by wrapping them into tabs.

The tabs are created from a set of well-formatted div tags & can be completely styled with CSS.

jQuery Coda Slider

It is the new, improved version (old version) which has many features like:

  • automatic slider which pauses when a tab is clicked
  • can be controlled from other custom links
  • the tab to be activated after initial load can be set
  • speed & animation can be selected

The slider also creates SEO friendly URLs for every tab.

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.

Feature List is a jQuery plugin for creating interactive "featured items" widgets.

It converts unordered lists into attractive interfaces which rotate in any given period.

jQuery Feature List

The plugin is lightweight (only 2kb) & can be completely customized with HTML/CSS.

Users can switch between tabs, and optionally, it can be set to pause on hover for easier browsing.

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.

Uptime Robot
feed-holder
FeedBurner
  • PSD to HTML
  • activeCollab | Project Management
  • PSD to HTML
    PSD to HTML
    MailChimp

Vivvo CMS - Web Publishing at your Fingertips