Pixel Perfect

Make your CSS looks exactly to your design with a image comparasion

¿Qué es Pixel Perfect?

Pixel Perfect es una extensión de Chrome desarrollada por hugowebfr, y su función principal es "Make your CSS looks exactly to your design with a image comparasion".

Capturas de Pantalla de la Extensión

screenshot

Descargar Archivo CRX de la Extensión Pixel Perfect

Descarga archivos de extensión Pixel Perfect en formato crx, instala manualmente las extensiones de Chrome en el navegador o comparte los archivos crx con amigos para instalar fácilmente las extensiones de Chrome.

Instrucciones de Uso de la Extensión

                        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                    

Información Básica de la Extensión

Nombre Pixel Perfect Pixel Perfect
ID llpcibpmbpghnfdfggnnpdfapijaakln
URL Oficial https://chromewebstore.google.com/detail/pixel-perfect/llpcibpmbpghnfdfggnnpdfapijaakln
Descripción Make your CSS looks exactly to your design with a image comparasion
Tamaño del Archivo 27.69 KB
Cantidad de Instalaciones 100
Versión Actual 1.5
Última Actualización 2022-06-03
Fecha de Publicación 2021-07-22
Calificación 1.00/5 Total de 1 Calificaciones
Desarrollador hugowebfr
Correo electrónico [email protected]
Tipo de Pago free
URL de la Página de Ayuda https://hugo-web.fr
Idiomas Soportados 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"
    }
}