He visto todos estos frameworks css tipo 'grid' y todavía estoy un poco confundido en cuanto a lo que hacen.¿Qué hace exactamente la grilla 960?
Entiendo que lo ayudan a crear rápidamente una página, ya que el diseño ya está definido para usted, pero ¿hacen estos marcos MÁS difíciles?
Depende de cómo utilice CSS para configurar sus páginas. Terminan usando menos clases semánticas ("sangría-12" vs. "contenido ferroviario") si eso es importante para ti, pero también resuelven una gran cantidad de problemas de diseño que las personas tienden a toparse.
Cuidan la necesidad (principalmente) de flotadores, que pueden romper diseños más rápido que ... bueno, algo rápido.
Lo que hacen más difícil, sin embargo, es la personalización. Si no te tomas el tiempo para aprender exactamente lo que significan esas clases, puede ser difícil hacer que las cosas se vean como quieres porque tus reglas de CSS pueden chocar con algo que no sabías.
Son geniales como una forma de pasar de las tablas al diseño basado en CSS, y también ayudan a implementar la teoría de diseño "grid", donde las cosas se alinean y están en ritmo horizontal y vertical.
Take 'em o salir de ellos (los dejé, pero seguro jugado con ellos un poco)
EDIT: he usado tanto 960 y blueprint, hace aproximadamente 8 meses o así. No está claro si se han producido cambios significativos desde entonces.
Grid 960 es un marco CSS. Principalmente, puede ayudarte a desarrollar más rápido la maqueta de tu página.
Puede obtener más información al respecto en este tutorial.
¡Disfrútalo!
He examinado varias estructuras de CSS en el pasado y creo que están destinadas a eliminar muchos de los errores de CSS esenciales que se encuentran entre los navegadores, si alguna vez trataste de rodar tu propia CSS, sabrás los problemas eso sube. Si tienes tu propia plantilla que has desarrollado, me quedaré con ella, eso es lo que terminé haciendo. Estoy familiarizado con esto y es muy liviano.
La idea es dejar de pensar en términos de% s o píxeles y comenzar a pensar en términos de columnas. Los sistemas de cuadrícula automatizan la implementación del posicionamiento basado en columnas. Mi favorito es Fluid 960, un sistema de cuadrícula que extiende sus columnas a todo el ancho disponible.
Una rejilla 960 es un marco que debe implementarse desde la etapa de diseño inicial. Ayuda tanto al diseñador como al desarrollador a crear interfaces de usuario organizadas limpias. En mi experiencia, el sistema de cuadrícula 960 (http://www.960.gs) me ha ayudado mucho, ya que me permitirá crear una página formateada rápidamente sin volver a escribir ningún archivo css sin importar lo que un cliente solicite.Normalmente puedo aplicar estilos CSS como las siguientes
.marginLeft20 { margin-left: 20px; }
.oneColumn {
float: left;
width: 60px;
}
Esto significa que puedo hacer un div con las clases anteriores aplica
<div class="oneColumn marginLeft20">This is a oneColumn example</div>
Si necesita más información sobre las redes que recomendaría http://www.960.gs
cuadrícula los sistemas/frameworks son como una caja de arena con todas las palas, cubos, arena y shapers preparados, de modo que todo lo que tienes que hacer es coger una herramienta y comenzar a hacer tu castillo.
Burt hace un gran punto acerca de rodar su propio CSS y todos los problemas con los que se encuentra. ¡Puede generar una experiencia muy frustrante según el proyecto en el que estés trabajando!
Si bien el marco que está utilizando puede tener algunas limitaciones, también alivia algunos dolores de cabeza.
Vea también: http://stackoverflow.com/questions/203069/what-is-the-best-css-framework-and-are-they-worth-the-effort/203133#203133 – bobince