Pixel Perfect

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

Qu'est-ce que Pixel Perfect ?

Pixel Perfect est une extension Chrome développée par hugowebfr, et sa fonction principale est "Make your CSS looks exactly to your design with a image comparasion".

Captures d'Écran de l'Extension

screenshot

Télécharger le fichier CRX de l'extension Pixel Perfect

Téléchargez les fichiers d'extension Pixel Perfect au format crx, installez manuellement les extensions Chrome dans le navigateur ou partagez les fichiers crx avec des amis pour installer facilement les extensions Chrome.

Instructions d'Utilisation de l'Extension

                        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                    

Informations de Base sur l'Extension

Nom Pixel Perfect Pixel Perfect
ID llpcibpmbpghnfdfggnnpdfapijaakln
URL Officiel https://chromewebstore.google.com/detail/pixel-perfect/llpcibpmbpghnfdfggnnpdfapijaakln
Description Make your CSS looks exactly to your design with a image comparasion
Taille du Fichier 27.69 KB
Nombre d'Installations 100
Version Actuelle 1.5
Dernière Mise à Jour 2022-06-03
Date de Publication 2021-07-22
Évaluation 1.00/5 Total 1 Évaluations
Développeur hugowebfr
Email [email protected]
Type de Paiement free
URL de la Page d'Aide https://hugo-web.fr
Langues Prises en Charge 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"
    }
}