Place Kitten Grayscale 400x250

in Desenvolvimento WEB, Geral

Place holders – Loren Ipsum e PlaceKitten

Salve gurizada do café!

Com muita frequência, precisamos desenvolver um layout sem ter fotos de boa qualidade ou até mesmo sem nenhuma imagem ou texto fornecidos pelo cliente.

São nesses casos que nós fazemos uso dos “place holders”, que de uma tradução livre e bem escrota, significa “reservar um lugar”.
Quando não temos assunto suficiente para criar testes “enchedores de linguiça” e para não ficar tão feio como “hfasdiuhf asidufasidufh” utilizamos o famoso “Loren Ipsum”.

Loren Ipsum

Reza a lenda que o Loren Ipsum é um trecho de um texto escrito em latim retirado de um antigo livro. Para utilizar é bem simples.
Primeiro você acessa o site http://www.lipsum.com/, depois você preenche os dados que deseja no canto inferior direito e clicar em “Generate Loren Ipsum”. Selecione o texto retornado e cole onde quiser no seu layout.

Place Kitten

OK! Já temos como “reservar” espaços para textos, mas e aí, como ficam com as imagens?
Pensando nesse fato, alguém (que eu não sei quem é hehe) criou o http://placekitten.com/. Esse place holder, funciona de forma extremamente fácil, basta você digitar na URL do site a largura, e a altura e pressionar enter. O site imediatamente vai gerar uma linda imagem de um gatinho para você copiar e colocar no seu layout.
Ainda é possível gerar uma imagem em “preto e branco”, basta simplesmente adicionar um “parâmetro” g, também na URL.

Confira os exemplos:

COLORIDA: Copie e cole no seu navegador para gerar uma imagem colorida: http://placekitten.com/500/250

Esse link irá gerar uma imagem colorida com 500 px de width e 250 px de height.

Place Kitten 500x250

Place Kitten 500x250

[PRETO E BRANCO] Copie e cole no seu navegador para gerar uma imagem preto e branco (tons de cinza/grayscale): http://placekitten.com/g/400/120

Esse link irá gerar uma imagem em grayscale com 400 px de width e 250 px de height.

Place Kitten Grayscale 400x250

Place Kitten Grayscale 400x250

Em breve farei uma vídeo aula para exemplificar.

Grande abraço!

Write a Comment

Comment

*

Este site utiliza o Akismet para reduzir spam. Fica a saber como são processados os dados dos comentários.