Una lista de los marcos de CSS

Los diseñadores Web utilizan CSS o Cascading Style Sheet, marcos para crear rápidamente sitios web con diseños complicados, de varias columnas. En la mayoría de los marcos, se agrega la hoja de estilo a su sitio web y luego especificar el número de columnas de ancho que desea hacer de cada div en una página. Por ejemplo, usted podría hacer que el contenido de ocho columnas de ancho con una barra lateral de cuatro columnas. Marcos también vienen con herramientas de Photoshop, plantillas y estilos extra para que pueda empezar.

960 Grid System

El sistema de red 960 se basa en una anchura sitio de 960 píxeles y hasta 24 columnas. Mientras GS 960 no viene con ningún estilo preconfigurados distintos de las columnas, que ofrece algunas herramientas útiles como un generador de CSS en línea. El generador permite especificar las cantidades de columna personalizados y ancho. La hoja de estilo viene en dos sabores: de ancho fijo y fluido. anchuras de fluidos que su sitio web se adapta tamaños de navegador. Este marco también tiene una versión para móviles de usar llamada Adapt.js, que puede ayudar si usted quiere que su diseño para cambiar en función del dispositivo que se utilice.

Blueprint CSS

La mayor diferencia entre 960 y GS Blueprint es la adición de estilos tipográficos. CSS Blueprint viene con estilos integrados para las fuentes, enlaces y tablas. A pesar de que utiliza un "reset" hoja de estilo CSS para normalizar entre los navegadores, se añade de nuevo en estilos para que pueda obtener rápidamente una página sencilla, sin necesidad de ir código mucho CSS. Blueprint también viene con una plantilla de cuadrícula Photoshop que no sólo muestra las columnas, sino también a filas. Todo está listo para una altura de la línea 18-pixel para ayudarle espacio de texto y otros elementos de una manera agradable a la vista, estandarizada.

menos Marco

No se debe confundir con CSS Menos Marco MENOS, ya que este último no tiene nada que ver con los diseños o rejillas. Menos marco está diseñado con el desarrollo móvil en mente, por lo que viene con cuatro hojas de estilo por defecto:, tableta, móvil móvil y amplia. conteos de columna varían entre las plantillas porque se supone que cuanto menor sea la pantalla, el menor contenido va a mostrar por fila en la parrilla. Menos no es para el principiante, sin embargo. En Menos, usted tiene que fijar la anchura de cada div manualmente, mirando a los anchos de columna dados a titulo indicativo.

YUI 2: Rejillas CSS

YUI, o Interfaz de usuario de Yahoo!, Grids CSS fue creado por Yahoo! y está disponible en la red de desarrolladores de Yahoo. Este marco viene con cuatro anchos de página y seis plantillas preestablecidas, y es compatible con ambos anchos fijos y fluidos. Yahoo! ofrece algunos tutoriales y un constructor de cuadrícula para ayudarle a empezar. El constructor de cuadrícula es útil porque, a diferencia de otros marcos, lo que muestra el diseño a medida que elegir varias opciones. Todo lo que necesita hacer es construir la estructura de su diseño y obtener el código para empezar a utilizar YUI Grids con su sitio web.