La tavoletta magica della Apple è sicuramente uno degli strumenti più interessanti che mi siano capitati tra le mani da molto tempo a questa parte. Al di la di tutte le considerazioni commerciali e/o sociologiche di cui il web è pieno, l’aspetto per me più rilevante è rappresentato dal fatto che l’iPad rappresenta oggi la piattaforma ideale per testare l’HTML5 e i CSS3.
L’iPad da solo detiene oltre l’82% del mercato americano, una tendenza che non è destinata a cambiare in un prossimo futuro. La maggioranza degli utenti in possesso del dispositivo hanno dichiarato di utilizzarlo come principale sostituto del desktop o del portatile; questo significa, fra le altre cose, utilizzarlo per la navigazione web.
Oggi vorrei segnalarvi alcune risorse per iniziare sin da subito a sviluppare siti web per questo device:
- Web Development For The iPhone And iPad: Getting Started: inizio col segnalarvi questo ottimo post su Smashingmagazine. Il contributo è riccomateriale e riferimenti ad altri articoli molto interessanti, utilissimi per farvi un idea sull’argomento.
- jQTouch Mobile Framework: un framework open source di facile utilizzo per lo sviluppo di web application per iPhone (ma con alcune semplici modifiche anche per iPad) e Android. In buona sostanza viene fornita un estensione per jQuery, una struttura base in HTML5 e dei fogli di stile che utilizzano i CSS3 in modo massivo. Il vantaggio della piattaforma è la sua semplicità e la buona documentazione: qualche post fa vi avevo segnalato un libretto agile agile sull’argomento che tratta anche jqTouch. Inoltre, se siete interessati all’argomento vi consiglio di acquistare l’ottimo screencast “meetjQtouch” disponibile su PeepCode. Gli aspetti negativi sono legati all’immaturità del framework (ancora in fase beta ed afflitto da diversi bachi) e al numero relativamente esiguo di sviluppatori.
- Sencha Touch Mobile JavaScript Framework: è un prodotto più complesso e più completo rispetto a jQtouch. Anche in questo caso è rilasciato su licenza open source ma è disponibile anche una licenza commerciale e/o un supporto allo sviluppo. Anche in questo caso parliamo di HTML5/CSS3/Javascript. Non conosco manuali in italiano ma il sito di supporto è sicuramente una risorsa molto ricca.
- Alcune risorse sparse integrabili con i suddetti framework:
- jquery.touchwipe è un estensione di jQuery che vi permette di riconoscere ed associare una funzione alle gesture dell’iPhone, l’iPad e Android. Sencha non ne ha bisogno mentre jQtouch ha ancora qualche problema con le gesture.
- jQuery-Animate-Enhanced è un estensione fondamentale per l’ottimizzazione di animate su dispositivi mobili. Infatti l’iPad (e parlo sia del mono che del dual core) ha grosse difficoltà a gestire in modo fluido animazioni javascript “tradizionali”, mentre riproduce egregiamente transizioni CSS3. Questa estensione “traduce” animate in transizioni CSS3 incrementandone enormemente la performance su dispositivi mobili. Attualmente l’estensione traduce correttamente i seguenti parametri: left, top, right,bottom,opacity,width, height.
- jQuery.mobileSlideshow col medesimo principio questa estensione punta a creare un semplice slideshow ottimizzato per dispositivi mobili
- lessframework: è un framework CSS sviluppato sulla falsa riga di 960gs che permette di gestire layout complessi su iPhone e iPad grazie alle CSS3 media queries. Ottimo punto di partenza per progettare layout destinati, ad esempio, a digital magazine.
Lascia un commento