Tag Archive: Animation

PEP – jQuery Drag Support for Desktop & Mobile Devices

on April 30, 2012 in Development, Effects

PEP is a jQuery plugin that provides kinetic drag functionality on both desktop and mobile devices that support HTML5.

It has its own custom start, stop and drag events and has options to customise the speed and optionally easing (with the Ceaser plugin) of the drag animation.

PEP - jQuery Drag Support for Desktop & Mobile Devices

Flip – jQuery Transition Plugin

on February 22, 2012 in Development, Effects

Flip is a jQuery plugin to easily flip any element in four directions with a smooth animation.

It has options to customise the direction and speed of the animation. The background colour & text content can also be updated via the options.

There are also three callbacks (before animation, halfway through animation, and animation completed).

It is also possible to revert the last animation with a revert flip method.

Flip - jQuery Transition Plugin

Roundabout – jQuery Plugin

on December 20, 2011 in Development, Slider

Roundabout is a jQuery plugin that creates a 3d turntable slider from an unordered list or other element.

It has an API with a large number of options and methods.

It is also extendable with three supported plugins if they are made available:

  • Shapes provides alternative ways to move elements.
  • Easing comes with two styles built in.
  • Event drag & drop provides a method of rotating the element itself.

Mashi – JavaScript Timeline Toolkit

on November 7, 2011 in Development, Toolkit

Mashi is a JavaScript toolkit for creating interactive and time controlled web applications that are easily integrated in to your web sites.

Mashi does not rely on HTML5 and Canvas so it functions properly in out of date browsers like IE6.

Several modules are provided such as:

  • a build in image preloader to ensure of no delays in the animations
  • controls to provide buttons such as play and pause
  • object and text effects such as text shadows
  • plug-ins to extend the functionality of the modules

Mashi apps are loaded into an arbitrary element on your website. They use multiple layers: two layers for backgrounds or fading, one pure text layer and a stage layer for any objects.

Quicksand – Reorder and Filter Items

on September 12, 2011 in Development, Effects

Quicksand is a jQuery plugin that replaces one collection of items with another by reordering and filtering items with a shuffling animation.

Quicksand