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

screenshot

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 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 [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"
    }
}