PhoneGap: rendere la UI più conforme a IOS7



Apple ha presentato IOS7 da poche ore e già il design flat comincia a diventare un must.

Per adeguarsi al nuovo design bisognerà rimettere mano alle interfacce utente delle applicazioni PhoneGap, sia quelle basate su JQuery mobile che quelle realizzate con altri framework.

Potrebbe essere di aiuto Flat Ui Free, un template basato di Twitter Bootstrap e realizzato con una colorata grafica flat.

Partendo da Flat UI, Michal Kuklis ha realizzato un tema per Jquery Mobile, che permette di appiattire la UI senza praticamente fare modifiche a quanto già realizzato in precedenza.



Per concludere, non sarebbe sbagliato lavorare anche sulle animazioni e sugli effetti di sfocatura che il nuovo iOs hanno introdotto: per questo possiamo utilizzare Blur.js, un plugin di JQuery che permette di applicare e gestire sugli elementi del DOM effetti di trasparenza e sfocatura.

Al lavoro!

Published: June 12 2013

  • category: