facebook
Dicas & Ferramentas

CSS PEEPER: O visualizador de CSS para designers

(Foto: Reprodução/DCON).

Já pensou poder ter aqueles elementos do site que você acha tão bacana? Com o CSS Peeper é possível baixar as imagens, descobrir as fontes, os estilos e outras coisas mais de uma forma bem intuitiva e simples. Trata-se de uma extensão gratuita, que pode ser adicionada pela Web Chrome Store.

Após adicionar a ferramenta, surgirá um painel do lado direito com as informações gerais da página como estilos, cores e elementos, sendo possível realizar o download dos arquivos.

foto 1

A partir desse momento, a página do site ficará totalmente selecionável, sendo exibido um relatório pela parte em que seu cursor passar. As informações serão a hexadecimal das cores usadas (com direito à opacidade), família de fontes por “Divs” escolhidas, a forma de alinhamento e o espaçamento.

2

A ferramenta pode ser instalada por aqui.

Vimos no Ui Lab.

Mais lidas

 

100porcentodesign culturedrawgkpgkpuncod
INÍCIO