CSS no Lanche

O que é um Framework?

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.

Frameworks em CSS

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 não pode lhe trazer a mesma produtividade em que 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 a idéia aqui de que a utilização de frameworks em css é o fim do mundo, que você não deva utilizar, aliás, quem aqui nunca fez um pouco de copiar e colar em CSS, quem não tem algumas coisas já prontas que sempre as reutiliza a cada projeto? A idéia que quero passar é que é importante você conhecê-los, conhecer 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 mais rápido 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 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 seimples 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 indentaçã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 prinicpal 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.