Pixel Perfect

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

Co je Pixel Perfect?

Pixel Perfect je rozšíření Chrome vyvinuté hugowebfr, a jeho hlavní funkcí je „Make your CSS looks exactly to your design with a image comparasion“.

Snímky obrazovky rozšíření

screenshot

Stáhnout soubor CRX rozšíření Pixel Perfect

Stáhněte si soubory rozšíření Pixel Perfect ve formátu crx, ručně nainstalujte rozšíření Chrome do prohlížeče nebo sdílejte soubory crx s přáteli, abyste jednoduše nainstalovali rozšíření Chrome.

Pokyny pro Použití Rozšíření

                        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                    

Základní Informace o Rozšíření

Název Pixel Perfect Pixel Perfect
ID llpcibpmbpghnfdfggnnpdfapijaakln
Oficiální URL https://chromewebstore.google.com/detail/pixel-perfect/llpcibpmbpghnfdfggnnpdfapijaakln
Popis Make your CSS looks exactly to your design with a image comparasion
Velikost souboru 27.69 KB
Počet instalací 100
Aktuální Verze 1.5
Poslední Aktualizace 2022-06-03
Datum Vydání 2021-07-22
Hodnocení 1.00/5 Celkem 1 Hodnocení
Vývojář hugowebfr
E-mail [email protected]
Typ Platby free
URL Stránky Nápovědy https://hugo-web.fr
Podporované Jazyky 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"
    }
}