Recentemente in Mobile Web Development

Ultimamente sono stati apportati alcuni aggiornamenti ad alcuni dei nostri strumenti e framework preferiti nel mondo dello sviluppo web mobile. Questo post fornirà una rapida panoramica di alcuni degli aggiornamenti più significativi di PhoneGap, Sencha Touch e jQuery Mobile!


PhoneGap 1.5 / Cordova

Il team Nitobi ha rilasciato l'ennesima versione del loro strumento in continua crescita. Con questa versione ci sono molte correzioni e la transizione graduale al namespace Cordova per il framework.

La maggior parte degli aggiornamenti si riferisce a correzioni di bug dalla versione 1.4.1 su più platorms, in particolare su Android. Non posso dire che le note di rilascio siano sempre utili; di solito hanno senso solo se hai già incontrato personalmente il problema. La cosa fantastica, però, è che il progetto sta andando avanti rapidamente e prontamente eliminando i problemi non appena si presentano.

Se dai un'occhiata alle note di rilascio, vedrai molti riferimenti a "Rinominare in Cordova". Potresti anche aver sentito che Nitobi è stato acquisito da Adobe, ei loro progetti principali (ad esempio PhoneGap e PhoneGap Build) sono diventati parte della base del software Apache.

Allora, cos'è Cordova e cosa ha a che fare con PhoneGap? Ho sentito varie risposte a questo. Molti utenti occasionali presumono che Cordova e PhoneGap siano la stessa cosa e che presto si fonderanno in un'unica soluzione. Tuttavia, questo non è il caso.

Per citare Brian Leroux: "PhoneGap è alimentato da Cordova e pensa: Webkit a Safari."

In altre parole, Cordova è la toolchain utilizzata nei progetti PhoneGap, ma il marchio PhoneGap non va da nessuna parte.

Con il passare del tempo, il progetto PhoneGap ha aggiunto sempre più supporto per varie piattaforme e, sebbene questa versione manchi di nuove funzionalità, il supporto del WP7 è stato accolto a braccia aperte da molti. Speriamo che quest'anno sarà l'anno di altre app PhoneGap!

Sentiti libero di controllare il sito web ufficiale di Cordova per maggiori dettagli.


jQuery Mobile 1.1.0 RC1

Il team di jQuery Mobile si muove velocemente. Sembra che solo ieri abbiano fatto la pietra miliare 1.0. Con RC di 1.1 ci sono alcune modifiche significative e aggiunte a cui potresti voler prestare attenzione se stai lavorando su un progetto jQuery Mobile.

Per molti browser (quelli che supportano position: fixed) jQuery mobile ora ti permetterà di avere vere e proprie barre degli strumenti fisse, piuttosto che una scroll falsa di JavaScript hackish.

Vere barre degli strumenti fisse: per molti browser (quelli che supportano position: fixed) jQuery mobile ora ti permetterà di avere vere e proprie barre degli strumenti fisse, piuttosto che una scroll falsa di JavaScript hackish. I browser che non supportano la posizione: fisso otterrà barre degli strumenti statiche, tuttavia, c'è un polyfil per coloro che desiderano avere le vecchie barre degli strumenti fissi nei browser non di supporto.

Le barre degli strumenti corretti non sono le uniche nuove funzionalità per questa versione. Ci sono due nuove transizioni di pagina (ad esempio Turn e Flow), supporto per le transizioni di Firefox, un caricatore Ajax molto più bello e meno intrusivo, supporto per jQuery 1.7.1 (le versioni precedenti erano supportate solo da 1.6.4) e elementi di forma Mini per mettere gli elementi del modulo nelle barre degli strumenti (es. cursori, interruttori, ecc.). Il Flip Switch ha un nuovo look molto più bello, e c'è anche la possibilità di evidenziare la traccia del cursore durante lo scorrimento.

Se non vuoi che jQM migliori un elemento, ora puoi usare il Dati-migliorare = "false" attributo. C'è un sovraccarico con le prestazioni nell'utilizzo di questo, quindi vale la pena leggere la documentazione su questo.

Insieme a queste funzionalità, il supporto della piattaforma migliora sempre di più con il supporto A-Grade in crescita ad ogni versione e il grado B e C sempre più piccolo. Non dimenticare di controllare le note di rilascio per ulteriori dettagli.


Sencha Touch 2

Sencha Touch è un incredibile set di strumenti per la creazione di app mobili. Con Sencha Touch 2 otteniamo una nuova versione del framework insieme ad alcuni fantastici nuovi strumenti. Non ho ancora usato la nuova versione di Sencha Touch, ma mi sono immerso in alcuni esempi di documentazione e codice, e mi piace molto quello che sto vedendo.

La velocità di elaborazione e l'utilizzo di tutto ciò che HTML5 ha da offrire sembra essere della massima importanza per il team Sencha. Hanno consegnato qualcosa che funziona molto bene, e insieme al rilascio di Sencha Touch 2 arriva un paio di strumenti che sono entusiasta di usare.

Sencha Designer 2 ti offre la possibilità di trascinare e rilasciare elementi GUI durante la creazione di app e Sencha Animator è uno strumento per aiutare a creare app animate CSS.

Sencha Designer 2 offre un'interfaccia grafica drag-and-drop per la creazione di app. Alcuni potrebbero essere scoraggiati dalla sua semplicità, e mentre la sua portata è limitata in quello che potresti essere in grado di ottenere con esso, è lo strumento ideale per la creazione di prototipi per piccole app. Anche se è ancora in beta al momento, potrebbe benissimo diventare uno dei motivi per cui molti sviluppatori sceglieranno Sencha Touch su qualsiasi altra cosa.

Sencha Animator è un altro strumento recentemente rilasciato per aiutare a creare animazioni basate su CSS e app interattive. Dovrebbe contribuire a rendere molto più facile la creazione di un prototipo dall'aspetto ricco, o anche l'aggiunta di animazioni alla tua app, ma di nuovo non sono sicuro di quanto si estenderanno gli strumenti. Il bello è che puoi sempre immergerti nel codice esportato.

Sencha sta certamente volando al momento, e io di sicuro prevedo di dedicare del tempo ad esplorare i loro strumenti per creare applicazioni mobili quest'anno. Con i loro nuovi strumenti, documentazione e risorse eccellenti per l'apprendimento di Sencha, stanno impostando la barra molto in alto!