2009-11-23

Scripty2: Haz tu sitio web compatible con sistemas de pantalla multitouch

Scripty2 le brinda soporte a una gran cantidad de proveedores de API para poder incluir eventos multitouch e incluso pone a nuestra disposición una emulación de escritorio.

Actualmente, la API Scripty2 soporta Nokia Starlight y Apple iPhone Mobile Safari. Con sólo una API, ahora puedes volver multitouch cualquier aplicación web de forma fácil.

Al utilizar el emulador, simplemente debes hacer clic+arrastrar para hacer un paneo o shift+clic+arrastrar para escalar y rotar. Así podremos probar el sistema sin tener un hardware multitouch a nuestra disposición.

Haz clic aquí para ver una demostración »

En una actualización reciente, Scripty2 ha incorporado también soporte para transiciones WebKit CSS, por lo que en cualquier momento que se utilicen los efectos de Scripty2 y las transiciones CSS estén disponibles, el motor de efectos automáticamente hará el proceso correcto para ti.

Todo esto se puede lograr rápidamente, sólo añadiendo algunas líneas en el código de nuestro sitio web o aplicación:

  1. $('element').observe('manipulate:update', function(event){
  2. $('element').transform(event.memo).setStyle({
  3. left: event.memo.panX+'px', top: event.memo.panY+'px'
  4. });
  5. });

Haz clic aquí para visitar el sitio oficial de Scripty2 »

Fuente: Ajaxian

No hay comentarios: