Logo Grid System Generator Ícone

Grid System Generator

Grátis
Funciona em: Web
Atualizado em : 03/07/2009 Ewout Kozel
Acessar Acesso Grátis
Verificado com Antivírus

O que estão falando…

Já usou? Avalie! +0 Avaliações - Seja o primeiro a avaliar o produto!

Descrição

Luciano De Sampaio Soares
Melhore seu rendimento ao criar designs para a web através de grids com o 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.

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 sobre o Grid System Generator

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.

Prós & Contras

Pró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

Contras

  • Usa apenas sistemas de grid menos flexíveis, com largura de tela fixa em 960 ou 970 pixel

Interesse ao longo do tempo

Compartilhe essa página

Avaliações sobre o Grid System Generator

  • {{comentario.nome}} {{comentario.data}}
    {{comentario.nota}}
    Nota {{comentario.notaExtenso}}!
    Editar Avaliação