Grid System Generator

Quem já passou horas olhando para a tela em branco do seu navegador tentando construir um website sabe a importância de se ter um ponto de partida. O Grid System Generator fornece de maneira simples e completa uma base para o desenvolvimento de layouts web.

Um grid (ou grade) é uma ferramenta visual para auxiliar na diagramação do site, e provavelmente existem tantos sistemas de grid diferentes quanto existem webdesigners. Através da divisão da área da tela em diversas colunas, e aplicando módulos a partir dessas divisões, os grids permitem ao designer criar padrões modulares para um site. Só que como tudo na web deve estar – idealmente – dentro dos famosos web standards, criar essa modulação não é algo tão simples, exigindo um conhecimento profundo de CSS. O Grid System Generator serve justamente para facilitar essa criação dentro dos web standards.

Preenchendo os formulários do site, você gera um layout básico de colunas dentro dos parâmetros definidos e apresenta um template da estrutura de colunas, permitindo a você baixar o CSS desse modelo.
Dentre os vários sistemas de grid já desenvolvidos, o Grid System Generator trabalha apenas com o 960.gs, para layouts com 960 pixel de largura, ou o Golden Grid, para layouts com 970 pixel de largura. Ambos os sistemas permitem a variação do número de colunas e das margens, apesar de apenas o 960.gs permitir medidas diferentes para as margens esquerda e direita.

O site também disponibiliza links para tutoriais e outros recursos sobre o design baseado em grids, e sobre os dois sistemas de modelagem utilizados no seu aplicativo.