Frameworks são estruturas de códigos
definidas onde um projeto de software, seja ele web ou não, pode ser
criado e desenvolvido. Frameworks podem incluir programas de suporte,
bibliotecas de código, linguagens de script ou qualquer outro tipo de
software para auxiliar no desenvolvimento.

Eles foram projetados para auxiliar no desenvolvimento de softwares,
auxiliando designers e programadores a gastar menos tempo com
desenvolvimento.

Em CSS, frameworks geralmente são um conglomerado de arquivos css com coisas base para
tipografia, estrutura de layout, menu. Sua utilização deve ser muito
cuidadosa, pois utilizar frameworks em desenvolvimento XHTML e CSS pode não trazer a mesma produtividade do que se você estivesse usando um framework para PHP, JavaScript. É importante que o desenvolvedor saiba
ler e compreender o código que ele está escrevendo.

Não, não quero
colocar aqui a idéia de que a utilização de frameworks em CSS é o fim do
mundo, que você não deve utilizar, aliás, quem aqui nunca fez um pouco
de copiar e colar em CSS? Quem não tem algumas coisas já prontas e sempre as reutiliza a cada projeto? A idéia que quero passar é que é
importante você conhecê-los, entender seu funcionamento para saber se o
que você faz hoje é mesmo o correto, conhecer a forma como trabalham os
outros desenvolvedores, aprender a utilizar herança, uma coisa que é
essencial e todo desenvolvedor Front-end deveria dominar.

Se você ficou interessado em conhecer os Frameworks CSS, dê uma
olhada na lista abaixo:

Elements CSS Framework

Foi desenvolvido para ajudar aos desenvolvedores a escrever CSS de forma mais
rápida e mais eficiente. Elements fica longe de ser um simples
Framework, ele possui tudo o que você precisa para concluir os seus
projetos. Leia o Overview para maiores informações.

YUI Grids CSS

Framework desenvolvido pelo Yahoo que possui um preset com 6 modelos
pré-definidos de página. Um simples arquivo de 4KB fornece mais de 1000
combinações diferentes de paginação.

YAML CSS Framework

Dirk Jesse’s extensive (X)HTML/CSS Framework oferece um montante de
modelos padrão para uma série de simples ou complexos layouts. YAML é
baseado em padrões web e suporta os mais variados browsers. Todas as
correções de bugs do Internet Explorer você pode encontrar nesse
Framework.

Blueprint CSS

Blueprint CSS é um Frameork criado para diminuir o tempo gasto com
desenvolvimento em CSS. Possui uma estrutura sólida para que você possa
construir seus projetos, além de possuir folhas de estilo para
tipografia e impressão.

Schema Web Design Framework

Schema foi desenvolvido para conceber e proporcionar uma essencial
marcação XHTML e CSS que é utilizada repetidamente no desenvolvimento
XHTML e CSS. Ao invés de reconstruir seu XHTML e CSS a cada projeto,
Schema fornece a base necessária para tê-lo instalado e funcionando em
qualquer projeto.

CleverCSS

CleverCSS é uma pequena linguagem de marcação CSS inspirada em Python
que pode ser usada para o desenvolvimento de uma folha de estilos limpa
e clara. Em muitos aspectos é mais limpa e clara do que CSS2. A mais
óbvia diferença é a sintaxe: trata-se de identação e não com base
plena.

Tripoli CSS Framework

Tripoli é um padrão genérico de CSS e HTML para renderização,
tornando crossbrowser e mais estáveis seus projetos.

ESWAT Web Project Framework

ESWAT não nos passa muitas informações em seu site, portanto, faça o download do framework e
descubra por si só todo seu potencial.

Boilerplate CSS Framework

Esse Framework se esforça ao máximo para não definir nomes não
semânticos para suas Classes ou ID’s, pois aqui o desenvolvedor é você.

WYMstyle CSS Framework

O objetivo desse Framework é fornecer um conjunto de arquivos para
tornar seu CSS modular, que pode ser usado para o desenvolvimento de web
sites rápidos. Ele também visa suprimir a incompatibilidade entre
browsers através de módulos CSS.

ESWAT Web Project Framework

Permite o rápido desenvolvimento de projetos com componentes
pré-escritos. Tudo isso é necessário para construir um ambiente
flexível.

Logicss Framework

Logicss é uma coleção de arquivos CSS e PHP para reduzir o tempo de
desenvolvimento de aplicações Standard Compliance. Possui também folhas
de estilo para Tipografia.

That Standards Guy CSS Framework

O único válido para WCAG 1.0. Crossbrowser possui folhas de estilo
com hacks para IE separados.

960 Grid System

Framework desenvolvido com base em uma largura de 960 pixels. Possui 2
variantes de 12 e 16 colunas, que podem ser utilizadas separadamente ou
em conjunto.

Emastic CSS Framework

Ele é leve e possui larguras de página personalizadas. Utiliza
unidades de medida “em” para o desenvolvimento dos layouts.

Origo CSS

Framework baseado no desenvolvimento em Grids. A chave está no
desenvolvimento utilizando blocos e colunas. As colunas permitem ordenar
os elementos de forma horizontal. Enquanto os blocos de informação são
ordenados na vertical.

Typogridphy

Framework para designers e desenvolvedores front-end de forma a
mostrar em seu site uma tipografia mais gratificante. É baseado no
Framework 960 Grid System lhe permite desenvolver layouts
baseados em grids de forma semântica.

Haml

Framework Server-side para Rails onde o principal objetivo é tornar
sua marcação a mais limpa possível. Foi criado para ser utilizado em
ambientes altamente produtivos.

SenCSS

Pode ser pronunciado como “bom senso”, onde aqui a tarefa de ser
repetitivo é deixada de lado e o desenvolvimento com CSS fica mais
prazeroso. É otimizado para deixar o CSS o mais funcional possível.
Possui estilos básicos para Tipografia e Formulários.

Taffy

Taffy foi desenvolvido para lhe poupar tempo. Como desenvolvedor web,
existem várias coisas que você deve fazer por padrão a cada projeto:
Sobrepor os estilos padrão de cada navegador, tipografia, entre outras
coisas. Taffy cuida disso e de outras tarefas para que você possa ser
semântico e produtivo.

Hartija CSS Print Framework

Hartija é Framework CSS desenvolvido para impressão, onde pretende em
uma arquivo css otimizar da melhor forma possível seu site para
impressão.

Formy CSS Form Framework

Formy foi criado para lhe auxiliar na criação de formulários
acessíveis e simples. Funciona perfeitamente nos principais browsers: IE
6 / 7, o Firefox 2 / 3, Opera 9.23/9.5, Safari 3.1 (Win).

Construct

Construct é uma espécie de editor visual baseado no Blueprint em
conjunto com o Framework jQuery.

*

Esse post foi inspirado no original de Hidden Pixels