Lorem Ipsum

Jun 03
2009

O que fazer quando precisamos montar um layout e o cliente ainda não enviou o texto?

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.

Lorem Ipsum

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.

lipsum

CSS sem hacks

May 27
2009

Descobri um site na Internet que tem layout feitos com CSS que funcionam na maioria dos navegadores e não precisam de hacks ou truques.

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

Bordas arredondadas web 2.0

Nov 25
2008

Mais serviços web 2.0 para facilitar a sua vida:

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.

Que tamanho usar?

Oct 19
2008

Estamos vivendo uma nova fase de troca. Com melhor hardware, as pessoas passam a usar resoluções maiores.

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.