CSS: per imitare iOS, Blackberry OS e AndroidOS?

Question

Sto cercando un set di CSS o script che imitano l'interfaccia utente (solo l'interfaccia utente) delle applicazioni predefinite su iPhone/iPad, Blackberry e applicazioni Android di base?

Ho un cliente che ha bisogno di visualizzare in anteprima il contenuto e formattare le pagine sui vari sistemi operativi, ma nel browser desktop (Chrome, FF, IE (ugh)). Naturalmente, ci sono dozzine e dozzine di emulatori standalone, ma non riesco a trovare nessuno che possa aver creato CSS o script per imitare come questi apparirebbero, nel browser - ad es. stili, colori, ecc. predefiniti dei pulsanti, non la logica dell'app, ma solo il modo in cui potrebbe apparire - con il miglior esempio che posso trovare: http://groupaware.mobi/iphone/#_Windows

Chiunque abbia idee?

grazie!

Answer 1

Per iOS:

http://code.google.com/p/iphone-universal/

e

http://www.peterhintondesign.co.uk/journal/index.php/iphone-css-template/

che si basa sulla prima.

Answer 2

Mi dispiace ma fino ad ora sono stato in grado di trovare solo modelli relativi all'Iphone e non al BlackBerry né all'interfaccia utente Android. (Ho cercato di trovare io stesso prima di troppo.)

Un grande modello per i CSS (Photoshop CS4 o superiore necessario) sulla base del Iphone è: http://www.teehanlax.com/blog/2010/06/14/iphone-gui-psd-v4/

anche i link da parte tomwadley, in particolare la prima collegamento, sono anche abbastanza utili per quanto riguarda la codifica e il framework.

Answer 3

In questo libro ci sono alcune risposte: http://oreilly.com/catalog/9780596805791/ sulla creazione di stili CSS per imitare le cose di iOS. Copre anche phonegap ecc, potrebbe essere utile.

Answer 4

jQuery Mobile (JQM): http://jquerymobile.com è un framework che fa proprio questo. Nel modo più semplice, esegue il rendering di elementi html "standard" come elementi del sistema operativo nativo per piattaforme come iOS e Android.

Non è necessario utilizzare il framework JQM, ovviamente; puoi semplicemente prendere ciò che ti serve dal CSS utilizzato da JQM. Ispeziona il css direttamente o scrivi una semplice pagina di test che carica JQM e ispeziona il CSS nella console di sviluppo Firebug o Chrome.

Answer 5

Acquista iUI..probabilmente quello che stai cercando. http://www.iui-js.org/index.html

Answer 6

Per l'androide, provare questa implementazione di Holo Light and Dark: http://vezquex.com/projects/holo-css/