Hammer.js: Agregá gestos multitouch a tu sitio web fácilmente

Con la crecida cada vez más grande de navegación desde dispositivos móviles y tabletas, agregar funcionalidad multitouch a tus sitios webs deja de ser algo opcional. Hammer.js, que es una librería en javascript independiente y muy liviana, permite hacer esto de una forma muy sencilla.

Se puede manejar los eventos de cinco gestos distintos: tap, doble tap, mantener, arrastrar y transformar. El código es muy sencillo y a continuación hay un ejemplo:

var hammer = new Hammer(document.getElementById("hammertime"));
hammer.ondoubletap = function(e){
  alert("Doble Tap");
};

Las posibilidades de acciones que se pueden hacer son muchas. Desde un trazador de colores (con el hold -mantener-), hasta un zoom con el pinch (transformar con dos dedos). En el sitio del proyecto se pueden ver más.

Para los que se sienten más cómodos con jQuery, han desarrollado un plugin para facilitar el desarrollo.