Grid System Generator

Grid System Generator

  • Gratuito
  • Para Web
  • Atualizado em 3/7/2009
  • Ewout Kozel
Clique para acessar Grid System Generator Clique para Acessar

Melhore seu rendimento ao criar designs para a web através de grids com o Grid System Generator.

Por Luciano De Sampaio Soares

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.

As opções do 960.gs e do Golden Grid

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.


Nossa Opinião

Nossa Opinião Acima você conferiu uma descrição completa sobre o Grid System Generator e suas funcionalidades, saiba agora o que achamos dele

Para quem já sabe utilizar um grid como base para a criação de layouts, principalmente em termos de framework CSS, o Grid System Generator é um recurso importante para acelerar o processo de desenvolvimento.

Ao fornecer a guia visual do template e os códigos CSS apropriados para aquela guia visual, basta ao desenvolvedor adaptar à sua necessidade o material padronizado oferecido pelo site. E isso é bem mais rápido de fazer do que começar a construir isso do zero. Além disso, o site também é um bom ponto de partida para quem quer entender melhor como trabalhar com grids de diagramação para a web.

ImportantePrós
  • Entrega além dos arquivos de CSS - completo e condensado – uma referência visual para o layout
  • Apresenta boas referências sobre grids e o que os design utiliza
ImportanteContras
  • Usa apenas sistemas de grid menos flexíveis, com largura de tela fixa em 960 ou 970 pixel

Comentários (0)

Nenhuma pessoa comentou este programa, gostaria de ser o primeiro?

Requerimentos


Shopping Baixaki




(0.141 segundos)