Los frameworks CSS disponen una serie de clases (de hojas de estilo) ya creadas con las que ayudar a posicionar elementos en la página y crear estructuras de maquetación, más o menos versátiles. Así, en el desarrollo de páginas nuevas, o en el rediseño de páginas antiguas, podemos ayudarnos de frameworks CSS para disponer de una rejilla donde posicionar los distintos componentes de nuestro diseño. Con ello nos ahorraremos el tiempo de tener que crear de nuevo decenas de clases que estamos aburridos de implementar para crear maquetaciones a 2, 3 ó 4 columnas, con divisiones de cabecera, cuerpo y pie, etc.

960 Grid System

Es, tal vez, el más utilizado de los frameworks CSS, cuyas páginas se construyen en anchuras de 960 píxeles (de ahí su nombre). Ofrece dos posibilidades de maquetación de páginas, con una rejilla de 12 ó 16 columnas. Nosotros escogimos este framework CSS para explicarlo a los lectores de DesarrolloWeb.com, justamente por ser tan popular. En nuestro trabajo con este sistema hemos podido comprobar que es muy versátil y sobre todo, sencillo de utilizar.

Página web de 960 Grid System
Manual de 960 Grid System

Simple

Este framework CSS lo presenta un desarrollador chileno, con lo que todos los ejemplos y documentación que puedas encontrar está en español. El creador lo ha realizado para poder simplificar las cosas, no sólo en el desarrollo de las páginas, sino también en el aprendizaje. Lo destacamos en segundo lugar por ser un producto en castellano, que siempre se agradece tener herramientas para trabajar en nuestro propio idioma.

Página web de Simple
Artículo en DesarrolloWeb.com sobre Simple

Blueprint

Es un framework CSS que pretende reducir el tiempo de desarrollo de las páginas web. Ofrece una estructura sólida en la que fundar tu trabajo de diseño, por medio de la típica rejilla. Pero no se limita simplemente a eso, sino que ofrece otra serie de clases muy útiles para estilizar componentes típicos, como formularios, botones, pestañas, tipografías o para que tus páginas web se puedan imprimir de manera óptima en papel.

Página web de Blueprint

YUI Grids CSS

El framework CSS de Yahoo! Es un código CSS que permite maquetar páginas con distintas anchuras (750px, 950px, y 974px) y hacer todas las cosas típicas que se pueden desear en una página. Tiene 6 plantillas predefinidas y la posibilidad de crear más de 1.000 combinaciones de maquetación, en regiones de 2, 3 y 4 columnas. Forma parte de la Yahoo! User Interface Library, lo que da una garantía adicional, por venir de tan renombrado buscador.

Página web de YUI Grid CSS

Tripoli

Tripoli no es un framework CSS y según remarcan los creadores, ello significa que no te obliga a desarrollar tu página de una manera determinada. En contra, lo que ofrece es un código CSS que resetea los estilos predefinidos de los navegadores y los redefine, consiguiendo una base estable sobre la que realizar un sitio y que se vea igual en cualquier cliente web. Puede ser interesante porque intenta no caer en los problemas que tienen los frameworks CSS.

Página web de Tripoli

Boilerplate

Este framework me ha parecido interesante porque está creado por uno de los desarrolladores iniciales de Blueprint, que ha fundado el nuevo proyecto para poner en marcha sus ideas particulares. Como él dice, este framework está pensado para simplificar las cosas y ser ligero, aportando todo lo básico para poder maquetar una web, pero sin las complejidades que tiene Blueprint y con convenciones de nombres que dan más sentido y significado a lo que estamos codificando.

Pagina web de Boilerplate

BlueTrip

Según sus creadores, BlueTrip es una combinación de lo mejor de distintos frameworks CSS de los que hemos hablado ya. Su nombre viene de la unión de BLUEprint – TRIpoli, haciendo referencia a esa unión de ideas de los mejores framewoks, entre los que también se han inspirado en nuestro framework preferido en estos momentos, 960 grid, por su sencillez.

Página web de BlueTrip

Otros Framework CSS

Pongo otros frameworks CSS que he encontrado y que no he investigado tanto las posibilidades que ofrecen, aunque también pueden ser interesantes, sobre todo puede que den enfoques diferentes que puedan ser útiles en ciertas ocasiones.

Elements
ESWAT
Content with style
My CSS Framework
Hartija
Malo (Framework CSS ultra pequeño)
emastic

Google incorpora nuevas características en Google Docs Google Docs ha añadido nuevas características a su servicio que vienen a completar las que os presentamos hace unos días. La compañía del buscador ha ...
Chrome ya permite abrir los vínculos a emails directamente en Gmail Uno de los mayores problemas de los clientes web de correo ha sido siempre que si los utilizamos como cuenta primaria, o al menos habitual, y no tenem...
Estudio revela Porque Usamos Facebook La Universidad de Boston ha realizado un estudio para intentar discernir cuáles son las razones por las cuales la gente usa la redes sociales y en par...
Twitter dice ser una de las mejores formas de comunicar algo rápido al mundo El consejero delegado de Twitter, Jack Dorsey, dijo hoy que, nueve años después de su creación, la red social aún es una de las mejores formas de comu...
AVG Anti-Virus Free 2012 Con 98 millones de usuarios activos y varios premios a su espalda, AVG es una de las herramientas de seguridad más populares en la actualidad. El n...
Como usar frases claves en su Web para destacar en Google Las personas usan frases como afirmaciones o preguntas al buscador, para tratar de encontrar productos o servicios de su interés, ahora bien si usted ...
Avast! 7 descargalo gratis Aproximadamente un año después de que fuera lanzada la versión 6, llega Avast! 7. Como sabéis, se trata de uno de los antivirus gratuitos más interesa...
Porque sigue perdiendo mercado RIM ? Blackberry, que una vez fue muy popular entre los usuarios de teléfonos móviles, sufrió importantes reveses en los últimos meses. "Primero fu...
Apple introducirá en marzo emoticones con nuevos tonos de piel Apple introducirá en marzo emoticones con nuevos tonos de piel. La compañía decidió actualizar los emojis con nuevos caracteres que reflejarán la dive...
Actualización Ambar llega a los Windows Phone de Nokia Si tienes un Nokia Lumia con sistema operativo Windows Phone 8 (WP8), seguramente recibirás la actualización llamada: Ambar, en cualquier momento. ...