Pixel Perfect

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

Pixel Perfect क्या है?

Pixel Perfect hugowebfr द्वारा विकसित एक क्रोम एक्सटेंशन है, और इसकी मुख्य विशेषता है "Make your CSS looks exactly to your design with a image comparasion"।

एक्सटेंशन स्क्रीनशॉट्स

screenshot

एक्सएक्स एक्सटेंशन CRX फ़ाइल डाउनलोड करें

crx प्रारूप में Pixel Perfect एक्सटेंशन फ़ाइलें डाउनलोड करें, ब्राउज़र में क्रोम एक्सटेंशन को मैन्युअल रूप से स्थापित करें या दोस्तों के साथ crx फ़ाइलों को साझा करें ताकि क्रोम एक्सटेंशन को आसानी से स्थापित किया जा सके।

एक्सटेंशन उपयोग निर्देश

                        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                    

एक्सटेंशन की मूल जानकारी

नाम Pixel Perfect Pixel Perfect
ID llpcibpmbpghnfdfggnnpdfapijaakln
आधिकारिक URL https://chromewebstore.google.com/detail/pixel-perfect/llpcibpmbpghnfdfggnnpdfapijaakln
विवरण Make your CSS looks exactly to your design with a image comparasion
फ़ाइल का आकार 27.69 KB
स्थापना संख्या 100
वर्तमान संस्करण 1.5
अंतिम अपडेट 2022-06-03
प्रकाशन तिथि 2021-07-22
रेटिंग 1.00/5 कुल 1 रेटिंग्स
डेवलपर hugowebfr
ईमेल [email protected]
भुगतान के प्रकार free
सहायता पृष्ठ URL https://hugo-web.fr
समर्थित भाषाएँ 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"
    }
}