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

Ranking Buscadores Septiembre 2011 Pese a la reciente alianza del buscador de Microsoft con el motor de búsqueda de origen chino Baidú, que se suma al acuerdo alcanzado hace ahora dos a...
La venta de smartphones en Europa supera a la de móviles tradicionales Por primera vez la venta de smartphones ha superado la de los móviles tradicionales en Europa Occidental en el segundo trimestre del año, según muestr...
Alibaba el gigante asiatico del comercio electrónico aumenta casi 50% sus ganancias en lo que va de año El gigante chino del ecommerce Alibaba ha anunciado sus resultados financieros en el segundo trimestre del año. Los ingresos de Alibaba en este period...
Steve Ballmer acusa a Google de irrespetar las configuraciones de privacidad e insertar cookies publicitarias en Explorer La semana pasada se descubría gracias al investigador de Stanford Jonathan Mayer que Google rastreaba la navegación de usuarios de Safari. La empresa ...
Youtube usa un algoritmo para elegir los videos mas divertidos En YouTube podemos encontrar vídeos de casi cualquier cosa: documentales, vídeos caseros, noticias y, por supuesto, una buena cantidad de vídeos de hu...
Que es una Red geosocial Una red geo social es un tipo de red social que incluye funcionalidades relacionadas con la georeferenciación, tales como la geocodificación o la geoe...
Almacenamiento en la Nube, Google Drive o GDrive podría arrancar en Abril Mucho tiempo se lleva rumoreando sobre la salida de Google Drive o GDrive, el sistema de almacenamiento online de Google que permitiría guardar docume...
PowerTools, mejora el rendimiento de Mootools PowerTools es un servicio online creado por uno de los desarrolladores más importantes de la popular librería javascript y que reúne 25 plugins para M...
Como agregar Google +1 en tu web Google acaba de dar a conocer el lanzamiento de forma oficial del botón +1 para su implementación en cualquier website que lo desee. Este nuevo lan...
Edge: Adobe por el desarrollo web en HTML5 Edge es un nuevo software con el que diseñar con HTML5 que llega varios meses después del lanzamiento de Wallaby "otra" herramienta de Adobe capaz de ...
Listado de Frameworks para CSS
Tagged on: