Seleccion de framework - CGastrell/phonegap GitHub Wiki

Frameworks CSS

De los frameworks css que conozco estos son los que mejor se comportan. Cada uno tiene sus pro/contras

jQuery Mobile

Link: http://demos.jquerymobile.com/1.4.5/

Es bastante simple, tiene sus reglas y todos los elementos deben ser decorados con algun data-role o alguna clase para que el framework sepa como comportarse.

Contras: no tiene un look'n feel tipico de las nuevas aplicaciones mobile, tiene su propio estilo.

Bootstrap

Link: http://getbootstrap.com/

Es muy estable a nivel responsive. Es bonito, en el sentido en que todas las dimensiones son (o tratan de ser) coherentes a nivel diseño: espaciado entre lineas, tamaño de letras, titulos, colores. Todo tiene un porque en Bootstrap y con cierto conocimiento de diseño y css se puede customizar a las necesidades. No tiene demasiados requerimientos de programacion, no posee inicializaciones raras, solo depende de la carga del documento principal.

Contras: Si bien es responsive no fue diseñado originalmente para aplicaciones mobile. Puede ajustarse, pero no era su intencion inicial. No considera inicializaciones diferidas o paneles especificos para mobile donde puede aprovecharse mejor el reducido espacio.

Framework7

Link: http://www.idangero.us/framework7/

Es el mas bonito de los 3. Esta hecho para emular las interfaces nativas de iOS >7. Tiene soluciones para casi todas las situaciones que un HTML podria necesitar. No necesita tags especiales, solo clases.

Contras: Es un framework cerrado. Es decir, toda su estructura se apoya en el CSS que provee. La customizacion requiere consideraciones y conocimiento especifico de CSS. Lease: usa lo que hay, porque hacer cosas nuevas o alteraciones puede llevar tiempo y conocimiento de diseñador.

Prueba Framework7

Sea que terminemos usandolo o no, para ver como reacciona Framework7 debemos probar antes que se vea bien en los dispositivos que tenemos. Hagamos una prueba simple:

phonegap create f7 --name "00 Prueba F7" -src templates\framework7
cd f7
phonegap run android

El template framework7 es una instancia basica con Framework7, verifiquen su funcionalidad. Comparen con el ejemplo que esta en el sitio del framework.