Talvez pelo termo “Framework” estar tão associado à idéia de facilitar o desenvolvimento “back-end” do sistema, que a primeira vista podemos encarar um “Framework CSS” como alguma coisa que vai processar folhas de estilo do lado do servidor, que vai gerar CSS dinamicamente ou algo do tipo.

Se você (assim como eu), também teve essa percepção sobre o assunto antes de explorá-lo, pode ter ficado com uma impressão ruim a respeito dos frameworks CSS.

Não podemos dizer que é um erro de nomenclatura. A palavra “framework” significa “estrutura” e se encaixa perfeitamente no contexto, se observarmos o propósito dos frameworks. Mas talvez a primeira impressão que a palavra deixa seja um motivo para que essas ferramentas não sejam aproveitadas e respeitadas como merecem.

Veremos mais adiante que apesar das inúmeras diferenças, podemos fazer várias comparações entre um framerwork css com um framework de software. Falemos um pouco então sobre o que eles são e como eles podem nos ajudar muito no desenvolvimento.

O que é?

É uma biblioteca compatível com padrões web, cross-browser, otimizada, com estilos CSS básicos pré-definidos que resolvem a maioria das situações comuns de desenvolvimento das interfaces web na linguagem CSS. Em suma, é um ou mais arquivos *.css válido(s), pronto(s) para uso e homologado(s) na maioria dos navegadores do mercado.

Vantagens:

Aqui vão alguns bons motivos para aderir ou pelo menos explorar as possibilidades dos CSS frameworks.

Equipe de desenvolvimento

A grande maioria dos CSS frameworks é desenvolvida pela comunidade, pelos melhores especialistas no assunto. É muito luxo você poder contar com equipes assim pra resolver problemas estruturais para o seu projeto não é? rs

Cross-browser

As estruturas definidas pelos CSS frameworks são testadas na maioria dos navegadores do mercado. Quem utiliza, não precisa se preocupar com o que é oferecido pelo framework, porque já houve uma equipe preocupada em testar cada detalhe em todos os navegadores.

Agilidade

A principal vantagem que esperamos de qualquer framework: Agilidade. No mundo da internet isso é primordial, recursos de desenvolvimento são escassos, o trabalho é grande e as mudanças são constantes. Ganhar tempo para conseguir dar o máximo de qualidade naquilo que realmente precisa se feito é extremamente necessário.

Flexibilidade

Na maioria dos CSS Frameworks podemos escolher configurações que se adequem ao nosso projeto, sendo assim podemos fazer a escolha mais “econômica” se tratando de consumo de banda e peso de página, e que vai nos oferecer os recursos que necessitarmos para o projeto entre esses recursos estão:

• . Grid customizado,
• . Tipografia,
• . css-reset,
• . Folhas de estilo otimizadas por mídia (Impressão, Tela/Projetor).
• . Suporte para layouts fluídos
• . Templates com estruturas SEO-friendly

Padrão de Código

Com o tempo, os desenvolvedores vão se acostumar com o padrão estrutural das páginas e isso poderá facilitar muito o trabalho, não só do desenvolvedor como do webmaster. Mais um ganho enorme em agilidade de desenvolvimento e qualidade.

Suporte / Documentação

Eu ainda não conheço equipe que faça documentação da implementação de CSS, como estruturar ou utilizar cada classe, ID ou coisas assim. Utilizando um framework você e sua equipe “ganham de brinde”, na maioria dos casos, uma ótima documentação e guia de consulta.

Mitos / Paranóias

Talvez pra alguns seja melhor mais saber o que um CSS framework NÃO é antes mesmo de saber o que ele realmente é. Segue uma lista de falsidades sobre o assunto:

- O trabalho do Webmaster se torna dispensável com os CSS frameworks.

Não!!!! Assim como um framework de software, o framework não faz nada sozinho. Além do mais as decisões relacionadas a escolha de um bom framework, com a configuração ideal para o projeto também é responsabilidade do webmaster. Não há porque temerem pelos seus empregos (pelo menos não por isso )

- O framework gera código automaticamente

Também Não!!! Apesar de existirem algumas iniciativas para tornar o CSS dinâmico, processado server-side. <desabafo>Sou completamente avesso a essas tecnologias e ficarei assim até que me provem que realmente isso pode ser útil, e que compensa substituir um CSS bem escrito que não consome mais recursos de servidor)</desabafo>, Os CSS frameworks que tem como objetivo gerar código dinamicamente.

- O Webmaster vai “desaprender” como faz CSS usando framework

Mais uma bobagem! Assim como um desenvolvedor não esquece como se programa quando usa um framework de software, o webmaster também não esquece como se faz HTML/CSS usando um framework. Se alguém até aqui ainda acha que não precisa mais conhecer (bem) CSS por causa de um framework, por favor, reinicie a leitura, obrigado!

- CSS Frameworks são pesados

Mais um engano. A grande maioria deles são bem leves e geralmente oferecem uma versão “minified”, ou seja, compactada. Você certamente teria que desenvolver “na unha” aquelas linhas de código de qualquer forma e talvez nem escreveria tão otimizado quanto.

Desvantagens

Como nem tudo são flores e aqui não é uma Central de Vendas de frameworks, existem sim desvantagens ao se utilizar CSS frameworks que devem ser pesadas na hora da escolha:

Bugs herdados

Se por um acaso a versão que você tiver utilizando tenha algum bug esse poderá ser herdado pelos seus elementos, já que como o próprio nome da tecnologia diz: são estilos em cascata.

Excesso de código

Como qualquer framework, nós nunca utilizamos 100% dos recursos oferecidos em nossos projetos, isso faz com que algumas linhas de código estejam perdidas sem nunca serem utilizadas. Por isso, a escolha do framework e da configuração deve ser bem pensada antes de começar o projeto.

Lista de CSS frameworks

Existem muitas opções de frameworks no mercado. Uma rápida pesquisa na rede trará vários deles, alguns bem completos, outros nem tanto, mas cabe á equipe optar pelo que melhor atende e explorá-lo. A dica é que não variar muito entre frameworks para que não haja confusão no padrão de nomenclaturas de classes, estruturas etc, porque no fim das contas vai exisitir uma curva de aprendizado do framework em que os usuários vão ter que se adaptar. Também não precisamos tornar um framework como “a única salvação” como se fosse uma religião ou time de futebol (Isso acontece muito quando se trata de framework de software). É preciso estar sempre atento às outras boas alternativas que existem por aí.

Como qualquer framework, é importante que a decisão sobre o seu uso seja bem planejada na concepção do projeto. Pode ser uma experiência arriscada migrar ou até mesmo atualizar um framework, uma vez que ja existe toda uma estrutura “pendurada” nele. Fica a dica.

- Blueprint – http://www.blueprintcss.org/

- YUI Grids – http://developer.yahoo.com/yui/grids/

- YAML – http://www.yaml.de/en/

- Elastic – http://elasticss.com/

- 960 Grid System – http://960.gs/