Pular para conteúdo 
Зеленый кофе

O autor

Carlos Eduardo de Souza, Front-End Developer & Interface Designer na Coopers Digital Production, dedica seu tempo para o desenvolvimento de uma Web mais acessível. Possui certificado W3C em Mobile (sites e web apps) e HTML5.

Portfolio e blog sobre Web Standards – project.47, de Carlos Eduardo de Souza

Blog

Topo 20/07/06

Utilizando grid para construção do layout

Encontrei, no Smiley Cat, uma técnica muito interessante que pode lhe auxiliar, e muito, na construção do layout de seu site.

Trata-se de colocar grid, ou melhor, uma espécie de grade, no fundo do site, como nos programas de edição de imagem, para se ter uma noção exata do posicionamento do mesmo dentro da tela. É uma técnica muito interessante e, realmente, pode facilitar bastante.

Para fazę-lo, é só colocar esta imagem como fundo do site e, assim, poderá notar-se as diferenças entre as diversas resoluçőes e, principalmente, notar o que pode ser modificado para que nos diversos browser fique mais parecido possível.
Veja esta técnica em prática para ter noção exata de como fica.

Assuntos: CSS, Web Design
Trackback Feed deste artigo

3 comentários para "Utilizando grid para construção do layout"

  1. Joares | 21/07/06 - 7:05 pm

    Muito bom esse auxílio…

    vai ajudar em muito!

    Topo
  2. Pedro Rogério | 27/07/06 - 5:35 pm

    Bem interessante essa técnica, obrigado pela dica!!!

    Topo
  3. Tecnologia, Marketing e Design de Internet | 8/10/08 - 12:58 am

    Princípio da Gestalt no alinhamento dos layouts de sites…

    Qual a importância do Princípio da Gestalt no alinhamento dos layouts de sites? É estranho, mas é comum layouts de sites/interface web serem concebidos de forma a causar má sensação da percepção dos nossos olhos.
    Decidi escrever sobre isso, de……

    Topo
Comente este artigo
  1. (obrigatório)
  2. (obrigatório)

Links Randômicos
Meta
Apoio
Créditos
Creative Commons