PerfectPixel, uma extensão do Chrome, permite que desenvolvedores da Web edesigners para sobrepor facilmente uma imagem semitransparente na parte superior de um site HTML desenvolvido. Ao mover a imagem em uma página da Web, os desenvolvedores podem ver visualmente a diferença nos pixels. A extensão também possui uma opção de opacidade, que permite visualizar a sobreposição e o HTML desenvolvido. À medida que você move a imagem, as coordenadas são atualizadas automaticamente no pop-up PerfectPixel, que pode ser copiado e usado pelos desenvolvedores da web.
Depois de instalar a extensão, clique no botão na barra de ferramentas e um pop-up aparecerá na sua página da web. Clique Adicionar nova camada e selecione um arquivo do seu sistema local. Essa imagem será instantaneamente adicionada como uma camada na página da web. Você pode Aparecer esconder imagens e também escolher diferentes. Mova a imagem para testá-la em diferentesposições e as coordenadas serão atualizadas automaticamente no pop-up. Você pode adicionar quantas imagens quiser e selecionar imagens específicas clicando nelas. Depois que a imagem estiver posicionada corretamente, você poderá usar as coordenadas atualizadas para posicionar sua imagem por meio de CSS. O desenvolvedor mencionou suporte a múltiplas sobreposições; no entanto, nossos testes renderam incapacidade de adicionar várias camadas.
The PerfectPixel Opções permitem ativar o Modo de compatibilidade de armazenamento, que existe para corrigir problemas de compatibilidade com o upload de imagens. Uma limitação do uso do modo de compatibilidade, no entanto, é que o tamanho do arquivo é restrito a no máximo 1,5 MB. Você também pode ativar o Modo de depuração e Teclas de atalho.
no entanto, nossos testes mostraram que, enquanto você podeadicionar várias camadas, você pode visualizar apenas uma camada por vez em uma determinada página. Essa é uma limitação infeliz e o desenvolvedor deve considerar alterá-la para que várias camadas possam ser visualizadas ao mesmo tempo. O botão 'Bloquear' salva a posição de uma camada de imagem que você adicionou e, mesmo que você saia da extensão (clique novamente no botão para que o painel desapareça), ele lembrará a posição dessas imagens quando você a abrir pela próxima vez.
A extensão PerfectPixel é uma ferramenta útil para desenvolvedores e designers da Web, disponível no link da Chrome Web Store abaixo.
Instale o PerfectPixel para Google Chrome
Comentários