strong - ¿Cómo se elige un marco CSS?

span html

Question

Estoy trabajando en el sitio web de una empresa y creo que debería comenzar a usar un marco CSS. Hay una gran cantidad de marcos CSS, ¿cuál es el más usado y por qué la gente elegiría usarlo en lugar de los otros marcos?

Answer 1

Afaik, dos de los más populares son el BluePrintCSS y el sistema de cuadrícula 960 .
Ambos tienen sus puntos fuertes. Me gusta 960gs.

Hay otra pregunta SO debatiendo los dos here

Answer 2

He utilizado YUI, BlueprintCSS.

En el futuro consideraría usar 960gs, pero lo más probable es que use Twitter Bootstrap https://github.com/twitter/bootstrap/

Answer 3

Idealmente no lo haces.

Es mucho más práctico crear su propio CSS listo para usar en lugar de aprender las complejidades de un marco. YMMV, pero les he encontrado una pérdida de tiempo.

Answer 4

Olvídate de los marcos, usa XCSS . Te encantará escribir hojas de estilo de nuevo.

Answer 5

Primero, no solo asuma automáticamente que un marco CSS es necesario, o incluso deseable. Dependiendo de lo que estés haciendo y de lo bueno que seas en el marcado + CSS, puede que no valga la pena. El artículo de Wikipedia apenas roza la superficie del debate que he visto en línea, por ejemplo, esta crítica del marco de YUI Grids .

Si ha decidido que un marco CSS es para usted, entonces necesita decidir qué problemas resolverá por usted. Una vez que tenga esa lista, puede comenzar a comparar diferentes para ver qué tan bien abordan sus problemas.

Finalmente, hay una cantidad de factores menores que pueden cambiar el equilibrio para su aplicación particular. ¿Ya estás usando YUI en el sitio? Entonces el combo Reset , Base , Fonts y Grids puede obtener un bache, etc.

Los dos que he visto con más frecuencia son YUI''s y BluePrintCSS (aquí hay una comparison ).

ACTUALIZACIÓN: Una cosa que no he visto abordada explícitamente por un marco de CSS es el establecimiento de tipo en la red a una cuadrícula de línea base (consulte este artículo sobre composición a ritmo vertical para obtener más detalles)

Answer 6

Si necesita construir una cuadrícula compleja sin límite de ancho predeterminado, columnas fluidas y fijas, ligeras, cuadrícula de línea de base, semanal opcional, cuadrícula basada en% y posicionada, mi consejo es usar mi CSS Framework Emastic .

Si necesitas algo más simple, puedes usar Malo o algo similar a Blueprint o 960.gs, pero solo 1kb de peso, The Golden Grid . Ten cuidado, no siempre CSS Framework es buena idea. También escribí una publicación sobre ¿ Cuándo usar el framework CSS ?

Answer 7

Todavía necesito diversificar mi experiencia con los marcos CSS, pero el que más he trabajado es la Grids .

Es una configuración de cuatro partes: consiste en un reinicio, un paquete de cuadrículas, una configuración de fuentes (no estoy completamente seguro de cuáles son las ventajas de usar) y una hoja de estilo de base que aplica algún formato básico. Puede elegir qué partes desea usar y están disponibles para usar desde una CDN en Yahoo! y Google .

Me gusta la biblioteca YUI porque proporciona un diseño fácilmente conmutable (solo cambiando una clase o id del contenedor), por ejemplo yui-t4 proporciona una columna de 180px a la derecha, yui-t3 proporciona una columna de 300px a la izquierda Estas plantillas también tienen tamaños de bloques de anuncios, lo que es útil.

El marcado de base tampoco es tan malo:

<div id="doc"><!—-overall document wrapper-->
<div id="hd"><!--header / masthead--></div>
<div id="bd">
<div id="yui-main">
<div class="yui-b"><!--primary block--></div>
</div>
<div class="yui-b"><!--secondary block--></div>
</div>
<div id="ft"><!--footer--></div>
</div>

Answer 8

Compass es un marco CSS de aspecto interesante. Puede ejecutarse utilizando blueprint, 960.gs, YUI y probablemente otros como base, pero solo incluye lo que se necesita para su proyecto.