Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Extensão Chrome: CSS Peeper – Visualizador Inteligente de CSS

Instalação em 1 minuto

Se você trabalha com construção de sites e lojas virtuais, não deixe de usar a extensão Css Peeper do Chrome, um poderoso visualizador gratuito de CSS.

Instalação e Configuração

Clique no link e instale a extensão diretamente da Chrome Web Store. Após acessar a página da extensão, basta clicar no botão “Usar no Chrome” e concluir a instalação.

Depois clique no ícone de “Extensões do Chrome” e fixe o CSS Peeper clicando no ícone indicado na imagem abaixo.

O ícone do CSS Peeper passará a ser exibido na barra superior do Chrome.

Como usar?

Acesse o site desejado e clique no ícone do CSS Peeper.

Identifique os fonts usados em um site

Ao carregar o CSS Peeper, a ferramenta irá identificar todos os fonts usados na página do site.

Inspecione itens do site de forma visual

Clique no item desejado como títulos, parágrafos, imagens, ou qualquer outro elemento HTML de um site e obtenha as configurações usadas como fonts, cores, classes e outras informações úteis.

Identifique as cores de um site

Clique no ícone Colors.

A ferramenta irá exibir toda a paleta de cores da página do site, permitindo inclusive a exportação da paleta e a cópia da cor desejada com apenas um clique.

Identifique e baixe as imagens de um site

Clique no ícone Assets.

Todas as imagens da página do site serão exibidas. Passe o mouse sobre a imagem desejada e clique na opção Export para baixar a imagem ou clique na opção Export All localizada no topo da janela da ferramenta, para baixar um zip com todas as imagens.



This post first appeared on Internet, Hospedagem De Sites E Registro De Domín, please read the originial post: here

Share the post

Extensão Chrome: CSS Peeper – Visualizador Inteligente de CSS

×

Subscribe to Internet, Hospedagem De Sites E Registro De Domín

Get updates delivered right to your inbox!

Thank you for your subscription

×