from MacStories http://www.macstories.net Author: Lukas Hermann Date: May 08, 2012 at 10:24AM

from MacStories http://www.macstories.net Author: Lukas Hermann Date: May 04, 2012 at 11:31AM

Automatically adapts your existing HTML images for mobile devices. No mark-up changes needed.

Hammer.js is a javascript library (that depends on jQuery) that can be used to control gestures on touch devices. It supports the following gestures:

Tap
Double tap
Hold
Drag
Transform
Documentation
So wave your hands in the air / Bust a few moves / Run your fingers through your hair
A step by step guide on how to use hammer.js:

Download the hammer javascript or clone the latest version from our github repository:
$ git clone git@github.com:eightmedia/hammer.js.git

Import jquery and import hammer.js in your project:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="hammer.js"></script>

Hammertime! Bind hammer to a container element:
var hammer = new Hammer("#container");

Now, on every gesture that is performed on the container element, you'll receive a callback object with information on the gesture.

Touch and gesture JavaScript plugins

## WKShake

A custom 'shake' event plugin for mobile web browsers using device accelerometer.

## WKTouch

Multi–touch drag, scale and rotate HTML elements on touch–capable devices.

## WKSlider

A touch–friendly input slider UI plugin.

Adaptive Images detects your visitor's screen size and automatically creates, caches, and delivers device appropriate re-scaled versions of your web page's embeded HTML images. No mark-up changes needed. It is intended for use with Responsive Designs and to be combined with Fluid Image techniques.
Why? Because your site is being increasingly viewed on smaller, slower, low bandwidth devices. On those devices your desktop-centric images load slowly, cause UI lag, and cost you and your visitors un-necessary bandwidth and money. Adaptive Images fixes that.