Pixel Perfect
Make your CSS looks exactly to your design with a image comparasion
O que é Pixel Perfect?
Pixel Perfect é uma extensão do Chrome desenvolvida por hugowebfr, e sua principal característica é "Make your CSS looks exactly to your design with a image comparasion".
Capturas de Tela da Extensão
Baixar o arquivo CRX da Extensão Pixel Perfect
Baixe arquivos de extensão Pixel Perfect no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.
Instruções de Uso da Extensão
Pixel Perfect allow you to compare in real time your design in JPG / PNG with your current integration to fix your CSS. The must have extensions for web integration and front-end developper Pixel perfect is an extension for Chrome (maybe firefox in the future) This extension open a window with a dropzone, then you drag and drop your design and go for Preview It will open a slider on the current tab to compare the design or mockup to the actual integration
Informações Básicas da Extensão
Nome | Pixel Perfect |
ID | llpcibpmbpghnfdfggnnpdfapijaakln |
URL Oficial | https://chromewebstore.google.com/detail/pixel-perfect/llpcibpmbpghnfdfggnnpdfapijaakln |
Descrição | Make your CSS looks exactly to your design with a image comparasion |
Tamanho do Arquivo | 27.69 KB |
Contagem de Instalações | 100 |
Versão Atual | 1.5 |
Última Atualização | 2022-06-03 |
Data de Publicação | 2021-07-22 |
Classificação | 1.00/5 Total de 1 Avaliações |
Desenvolvedor | hugowebfr |
[email protected] | |
Tipo de Pagamento | free |
URL da Página de Ajuda | https://hugo-web.fr |
Idiomas Suportados | en |
manifest.json | |
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Pixel Perfect", "description": "Make your CSS looks exactly to your design with a image comparasion", "version": "1.5", "manifest_version": 2, "permissions": [ "storage" ], "browser_action": { "default_popup": "popup.html", "default_icon": { "16": "\/images\/logo16.png", "32": "\/images\/logo32.png", "48": "\/images\/logo48.png", "128": "\/images\/logo128.png" } }, "web_accessible_resources": [ "popup.html" ], "icons": { "16": "\/images\/logo16.png", "32": "\/images\/logo32.png", "48": "\/images\/logo48.png", "128": "\/images\/logo128.png" } } |