CSS: ¿para imitar iOS, Blackberry OS y AndroidOS?

Question

Estoy buscando un conjunto de CSS o scripts que imitan la interfaz de usuario (solo la interfaz de usuario) de las aplicaciones predeterminadas en el iPhone/iPad, Blackberry y las aplicaciones básicas de Android?

Tengo un cliente que necesita la capacidad de obtener una vista previa del contenido y formar páginas en varios SO, pero en su navegador de escritorio (Chrome, FF, IE (ugh)). Por supuesto, hay docenas y docenas de emuladores independientes, pero no puedo encontrar a ninguno que haya creado CSS o scripts para imitar cómo se verían, en el navegador, por ej. estilos de botones predeterminados, colores, etc. no es la lógica de la aplicación, sino la forma en que podría verse: con el mejor ejemplo que puedo encontrar es: http://groupaware.mobi/iphone/#_Windows

¿Alguien con ideas?

gracias!

Answer 1

Para iOS:

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

y

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

que se basa en la primera.

Answer 2

Lo siento, pero hasta ahora solo he podido encontrar plantillas con respecto al Iphone y no a la interfaz de usuario de BlackBerry ni de Android. (He tratado de encontrar a mí mismo antes también.)

Una gran plantilla para CSS (Photoshop CS4 o superior es necesario) basado en el Iphone es: http://www.teehanlax.com/blog/2010/06/14/iphone-gui-psd-v4/

también los enlaces por tomwadley, especialmente el prior enlace, también son bastante útiles con respecto a la codificación y el marco.

Answer 3

Hay algunas respuestas en este libro: http://oreilly.com/catalog/9780596805791/ sobre la creación de estilos CSS para imitar cosas de iOS. También cubre phonegap, etc., podría ser útil.

Answer 4

jQuery Mobile (JQM): http://jquerymobile.com es un framework que hace precisamente eso. En su forma más simple, presenta elementos html "estándar" como elementos de sistema operativo nativos para plataformas como iOS y Android.

No es necesario que utilice el marco JQM, por supuesto; puede simplemente tomar lo que necesita del CSS que JQM emplea. Revise el CSS directamente o escriba una página de prueba simple que cargue JQM e inspeccione el CSS en Firebug o en la consola del desarrollador de Chrome.

Answer 5

Pago iUI..probablemente lo que estás buscando. http://www.iui-js.org/index.html

Answer 6

para el androide, probar esta aplicación de Holo Luz y la Oscuridad: http://vezquex.com/projects/holo-css/