no no no no no no no no
no no no no no no no no
no no no no no no no no

Encher o espaço de no no no no não é o mais indicado, pois é um texto que não imita um texto real. Um texto real tem espaçamento diferente entre as letras. Mas para evitar problemas, não é indicado colocar um texto em alguma língua conhecida.

Um texto em outra língua (mesmo que falsa) pode ser a melhor solução.

O Lorem Ipsum é texto que vem sendo usado na indústria tipográfica e de impressão desde o ano de 1500. Foi popularizado nos anos 60 com a disponibilização das folhas de Letraset, que continham passagens com Lorem Ipsum. Alguns programas de edição de página já possuem trechos do texto, como o Adobe InDesign.

Para quem não usa um software que já tenha o Lorem Ipsum integrado, pode usar o site http://www.lipsum.com/ ou na versão em português de Portugal: http://pt.lipsum.com/

Primeiro tem um texto com a explicação sobre o Lorem Ipsum. Mas aibaxo tem um botão “Gerar Lorem Ipsum”. Clique nele e copie o texto que aparecer e cole no seu trabalho.

Em geral, o cliente não vai prestar atenção no texto, e sim no layout. Se ele perguntar, você explica.

Só lembre de trocar para o texto oficial quando o site for para o ar.

Em 2006 minha mãe me chamou para ver o computador dela, bem preocupada. Ela tinha acessado o site da Caixa e encontrou umas palavras estranhas e ela achou que podia ser vírus.

Quando eu vi o site eu entendi. Expliquei para ela o que é Lorem Ipsum e aproveitei para tirar um screenshot do site.

Estou trabalhando em uma tradução, mas por enquanto segue o link para quem lê em inglês:

Perfect multi-column CSS liquid layouts – iPhone compatible

CSS Rounded Box Generator cria imagens para bordas arredondadas nas cores que você escolher e gera os códigos necessários para você publicar no seu site.

Rounded Cornr gera imagens para estilos com bordas arredondadas, além de permitir configurações mais avançadas do que o primeiro.

Quando o top de produção era 800×600, era fácil, eu usava sempre 770×430 pixels, sendo que a altura na verdade poderia ser variável.

Agora, com a resolução 1024×768 ganhando a briga, fica mais difícil de escolher um tamanho, pois nem sempre todo mundo navega com a janela do navegador maximizada.

Lendo artigos pela internet, descobri que o ideal (hoje!) é usar 960 pixels de largura. A altura pode ficar em 771 pixels para um fundo fixo e qualquer valor para um fundo variável.

Por que 960?

Primeiro porque nem todas as pessoas usam a janela do navegador maximizada e porque é um risco que corremos usando um tamanho fixo menor do que a navegação real. Podemos usar fundos que se repetem de forma criativa para ocupar esse espaço que talvez venha a sobrar.

E segundo porque 960 é um bom tamanho para usarmos com grids. Os melhores layouts são construídos em cima de grids. 960 é divisível por 1, 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320, 480 e 960. Imagine as possibilidades!

Referência:
http://www.cameronmoll.com/archives/001220.html. Lembrando que o Brasil está sempre atrasado em relação a hardware. Por isso a diferença de dois anos da publicação do post original e da sua aplicação para a realidade brasileira.