jQuery Touch: il web development si sposta sui cellulari

jQuery Touch: il web development si sposta sui cellulari

1052
2
CONDIVIDI

jQuery Touch: questo plugin di jQuery permette l’interazione tra oggetti ed utente tramite il touch screen. Svilippato per iPhone e iPod è una vera e propria chicca che permette ai dispositivi Apple di staccarsi ulteriormente rispetto tutti gli altri Smart Phone per funzionalità e facilità di sviluppo.

I pre-set sono tanti e per tutti i tipi di movimento touch:

  • Animate: simula l’animazione di un oggetto gestendo il suo rilascio, la velocità è automatica;
  • Dragx/Dragy: permette il trascinamento dell’oggetto lungo il suo asse (x o y), settando entrambi sarete liberi di gestire l’oggetto lungo tutta la sua area;
  • Rotate: permette la rotazione dell’oggetto;
  • Scale: abilita l’oggetto ad essere scalato.

Utilizzo

L’utilizzo è semplice e rispetta la regolare sintassi jQuery:

jQuery('.myclass').touch({
    animate: true,
    sticky: false,
    dragx: true,
    dragy: true,
    rotate: true,
    resort: true,
    scale: true
});

Io consiglio sempre di utilizzare il selettore jQuery anzichè $ per evitare conflitti con altre librerie simili.

Conclusioni

Ho testato questo Plugin su dispositivi mobile Apple e devo dire che nonostante sia una prima release lavora davvero bene, calcolando, inoltre che è un “cantiere aperto” ed in costante evoluzione e presto rasenterà la perfezione.

Per chi naviga questo web da mobile: http://www.manifestinteractive.com/iphone/touch/, fatevi un giro qui per testare la reattività di questa libreria.

  • Maurizio Baratta

    ciao. potresti fare qualche esempio più concreto che teorico?

  • Davide

    Ciao, ho visto l’esempio è molto reattivo e interessante. Vorrei chiederti se c’è una funzione di jquery che permetta di far ruotare quei quadrati sull’asse z (tipo tridimensionale) un po come avviene in metro di windows 8, qualche idea? Grazie mille :-)