jQuery Touch: il web development si sposta sui cellulari

1 Luglio 2010Scritto da mario2

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.

Scritto da mario

Agile web e mobile developer, attraverso il blog mette in campo l'esperienza acquisita quotidianamente sul mondo del lavoro.

2 comments

  • Maurizio Baratta

    25 Luglio 2010 at 8:33

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

    Reply

  • Davide

    13 Dicembre 2012 at 12:21

    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 🙂

    Reply

Lascia un commento

Your email address will not be published. Required fields are marked *

https://www.fullstacksas.it/wp-content/uploads/2021/11/FULLSTACK-LOGO-MINI-150x131.png

Via Vito Rosa, 7
70127 Bari – IT
P.iva – 08087100726

Gli attrezzi del mestiere

Full Stack Sas – p.iva 08087100726 – Rea n. BA – 603324

Copyright 2019. Bold Themes. All rights reserved.

bt_bb_section_top_section_coverage_image