2011-01-11 21 views
16

Durante el año pasado, me hice fanático de BluePrint.css para administrar proyectos de aplicaciones web más grandes. También he consultado 960 y las ofertas de YUI también. Todo bien (aunque tengo algunas quejas sobre YUI).Frameworks CSS para dispositivos móviles?

Estoy trabajando en un proyecto móvil ahora y dado que tenemos que acomodar varios tamaños de pantalla, estoy pensando que un marco de cuadrícula CSS es el camino a seguir.

Probablemente esté modificando fuertemente la lógica de BluePrint y/o compilando uno desde cero, pero antes de hacerlo, me preguntaba si alguien había usado un marco particular para dispositivos móviles y recomendaría uno en particular para dispositivos móviles.

He mirado en menos y cssgrid

http://lessframework.com/

http://cssgrid.net/

Ambos son bastante agradable. Less usa anchos de columna consistentes y cambia el número de columnas. Cssgrid usa columnas fluidas para acomodar los tamaños de pantalla. Yo, por otro lado, estoy visualizando otro método más en el que usaríamos un número fijo de columnas, luego ajustamos los anchos sobre la marcha en función del ancho de la pantalla. Estoy prefiriendo esa opción, ya que he descubierto que las redes de fluidos pueden volverse difíciles de manejar con el anidamiento pesado. ¿Alguna otra opción que debería mirar primero?

Aclaración: No necesito necesariamente un marco de interfaz de usuario completo en este momento. Definitivamente terminaremos con uno, ya sea jQuery o el nuestro, pero el objetivo principal en este momento es encontrar y/o crear un marco CSS para manejar el diseño general de la página y el posicionamiento en múltiples resoluciones y orientaciones de pantalla de dispositivos móviles.

+1

Creo que está en el camino correcto. Investigaré esto más la próxima semana más o menos. Haré una publicación en el blog sobre eso cuando reciba algunas respuestas más. –

+0

No es exactamente un marco de CSS. Pero, [Nokia web web templates] (http://www.forum.nokia.com/info/sw.nokia.com/id/5d9cd41a-7438-495a-9a46-7470e7ec8576/Nokia_Mobile_Web_Templates.html) podría ayudarte. – fravelgue

+1

No confío en nada de Nokia. ;) –

Respuesta

7

Existe el marco '320 and up', y el HTML 5 mobile boilerplate (aunque este último no es tanto un marco, sino un punto de partida).

+0

Voy a marcar este como la respuesta. Todas fueron excelentes respuestas, pero este parece ser el único marco de CSS independiente que existe solo para dispositivos móviles. –

+0

¿se está refiriendo a 320 y más o al texto repetitivo de HTML 5? –

+3

Sí. Se está refiriendo a 320 y más o al texto repetitivo de HTML 5. –

0

DA,

Puede probar el marco jquery mobile.

Creo que this post puede ayudarlo.

Cleber.

+1

Eso no es un marco CSS, sin embargo. –

+1

Estoy a punto de sumergirme también en jQueryMobile, pero no parece tener un marco CSS completo para el diseño de la página (aunque obviamente hereda los conceptos de la interfaz jQuery) –

+0

Mira esto http://www.sencha.com/products/js/ –

2

Si usted está buscando para desarrollar para el iPhone, es posible que echar un vistazo a la iUI Framework

+0

Estamos estudiando el desarrollo de todo tipo de dispositivos móviles y res de pantalla, por lo tanto, la idea de que un marco de grilla podría ayudar con eso. Para aclarar, necesito menos de un marco de interfaz de usuario y más de un sistema de cuadrícula de diseño de página. –

+0

Es un marco para hacer un sitio web similar al tema de iPhone – GusDeCooL

1

Sí, lo hace sonar como que tendrá construir su propio "proyecto Mini" o "480 Grid System" - -y estaremos aquí para admirarlo.

Un punto de partida podría ser el trabajo de Matthew James Taylor. Él confía en la grilla fluida que has dicho que no quieres, pero vale la pena echarle un vistazo.

+0

Me gusta ese 'sistema de cuadrícula 480'. Podría tener que llamarlo 480.css;) –

Cuestiones relacionadas