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

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.

Livros sobre HTML e CSS

Oct 22
2008

Dois ótimos livros escritos pelo Mauricio Samy Silva:
http://www.livrohtml.com.br/
http://www.livrocss.com.br/

Confesso que não li os livros inteiros, mas olhei os capítulos que estão disponíveis na web. O conteúdo é ótimo e bastante atualizado.

A diferença entre os livros, apontadas pelo próprio Mauricio Samy Silva:

Folhas de estilo em cascata, ou simplesmente CSS e linguagem de marcação HTML são as duas tecnologias básicas para construção de web sites.
A marcação HTML se destina a inserir e estruturar os conteúdos de uma página do site e às CSS cabe a missão de posicionar, dar forma, tamanho, cores e todos os aspectos de apresentação da página.

Resumindo: HTML para estruturar e CSS para apresentar. Este é o moderno conceito de construção de sites.

Assim, CSS e HTML são duas tecnologias que não podem ser dissociadas no processo de construção de um site.

O livro “Construindo sites com CSS e (X)HTML” tem seu foco principal nas técnicas de estilização das páginas de um site, portanto é um livro destinado a aprofundar conhecimentos CSS. Nele o autor explica com detalhes e exemplificação como posicionar, colorir, definir tamanhos, estilos e os diversos aspectos ligados a apresentar os conteúdos marcados com HTML. A HTML consta do livro na suposição de que o leitor tenha algum conhecimento do seu emprego e saiba pelo menos a função básica de cada elemento da linguagem, até porque é impossível aprender CSS sem saber HTML.

O livro “Criando sites com HTML” tem seu foco principal nas técnicas de marcação e estruturação de documentos para a web com uso da linguagem HTML. Nele o autor aprofunda explicações sobre o significado e valor semântico de cada um dos elementos componentes da linguagem. A parte teórica do livro é complementada com a marcação de um site fictício que para ser apresentado necessita de um mínimo de estilização ou conhecimento CSS. O livro dedica um capítulo explicando o básico das CSS necessário à implementação do site exemplo.

Conclusão:
- O leitor conhece HTML, segundo os modernos padrões Web, e quer aprender as técnicas avançadas de CSS.
O livro indicado é “Construindo sites com CSS e (X)HTML”.

- O leitor não conhece HTML, ou mesmo conhece o HTML ultrapassado e quer aprender ou reciclar os conceitos avançados desta linguagem de marcação.
O livro indicado é “Criando sites com HTML”

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.

Curso de Atualização em Design

Jan 16
2008

Teorias que fundamentam a prática profissional e acadêmica de designers.
Em Porto Alegre (RS) de 19 e 26 de Janeiro

Tópicos:

  • Princípios da filosofia para prática do desenho (design)
  • Panorama dos sistemas gráficos e suas relações com projeto em desenho
  • Planejamento visual e composição gráfica

16horas/aula – 8 vagas
Custo: R$300,00

Informações:
Folheto divulgação (arquivo pdf)
sCHDs Editora
Rua Silva Jardim, 157 sala 503, Bairro Auxiliadora, Porto Alegre, RS
CEP 90450-071 + 55 51 32097501

Direto de: GarotaDPI

Planeje a sua casa

Sep 21
2007

Adorei o FloorPlaner! Você cria uma conta gratuita e pode montar a sua casa e planejar mudança ou local dos móveis novos! :-)

Escritorio
Clique para ver a imagem em tamanho maior.