Logo ZURB CSS Grid Builder Ícone

ZURB CSS Grid Builder

Grátis
Funciona em: Web
Adicionado em : 12/07/2010 ZURB
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

Elaine Martins
Crie códigos CSS em pouco tempo e mude um pouco a cara da sua página na web

ZURB CSS Grid Builder é uma ferramenta bem prática para quem mexe com páginas na web, mas não tem muita prática com códigos CSS. Ele permite que o usuário crie layouts dos mais variados tipos.

O serviço pode ser utilizado também por usuários experientes, assim é possível poupar tempo na codificação da estrutura de um site sem abrir mão da qualidade no final. Com o código fornecido pelo ZURB CSS Grid Builder fica bem mais fácil controlar o posicionamento dos elementos de uma página.

Como usar

Não precisa ser um programador web profissional para entender como o ZURB CSS Grid Builder funciona. Todas as configurações do layout podem ser modificadas na página inicial do serviço, mas nada impede que o usuário futuramente altere o código gerado.

Opções e visualização!

Na coluna mais à esquerda da tela você encontra alguns campos a serem preenchidos. São eles que determinam a aparência do layout. Veja abaixo quais são as opções e a qual configuração ela se refere.

  • # of columns => determina o número de colunas que o site terá.
  • Column width => define a largura de cada uma das colunas.
  • Gutter width => permite que o usuário modifique o espaçamento entre as colunas da página criada.
  • Screen Width => determina a resolução da página.

O resultado das modificações pode ser visto à direita, em uma imagem que imita a tela de um navegador. Logo abaixo dessa imagem o usuário encontra o código CSS, o qual pode ser selecionado e copiado sem problemas. No entanto, para facilitar ainda mais a vida do usuário, os desenvolvedores criaram o botão "Get the Code!" (Pegue o código). Com ele todo o código criado é automaticamente copiado para a área de clipboard.

Código gerado pelo serviço.

Feito isso, é só colar o código no arquivo com extensão CSS e adaptar a página ao novo layout. Com o ZURB CSS Grid Builder fica bem mais simples criar páginas com várias colunas e, o melhor de tudo, você não precisa instalar nada no computador, basta abrir o seu navegador.

Nossa Opinião sobre o ZURB CSS Grid Builder

ZURB CSS Grid Builder é um serviço bem simples de se utilizar e que possibilita que usuários sem maiores conhecimentos em CSS criem layouts elegantes e bem estruturados para sites. O legal é que a ferramenta funciona direto no navegador, ou seja, você não precisa instalar nada no computador para que ela funcione.

O código gerado a partir das modificações realizadas pode ser visualizado antes mesmo de ser copiado. Para quem entende um pouco de CSS, isso pode diminuir as chances de erros na hora de utilizar o código. Crie layouts diferentes e de maneira simples com o ZURB CSS Grid Builder.

Prós & Contras

Prós

  • Não requer instalação.
  • Roda direito do navegador.
  • Fácil de usar.
  • Exibe o código antes de o usuário copiá-lo.

Contras

  • Não possui tradução para o português.

Interesse ao longo do tempo

Compartilhe essa página

Avaliações sobre o ZURB CSS Grid Builder

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