Pixel Perfect
Make your CSS looks exactly to your design with a image comparasion
Was ist Pixel Perfect?
Pixel Perfect ist eine Chrome-Erweiterung, die von hugowebfr entwickelt wurde, und ihr Hauptmerkmal ist "Make your CSS looks exactly to your design with a image comparasion".
Erweiterungsscreenshots
Pixel Perfect-Erweiterungs-CRX-Datei herunterladen
Laden Sie Pixel Perfect-Erweiterungsdateien im crx-Format herunter, installieren Sie Chrome-Erweiterungen manuell im Browser oder teilen Sie die crx-Dateien mit Freunden, um Chrome-Erweiterungen einfach zu installieren.
Anleitung zur Verwendung der Erweiterung
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
Grundlegende Informationen zur Erweiterung
Name | Pixel Perfect |
ID | llpcibpmbpghnfdfggnnpdfapijaakln |
Offizielle URL | https://chromewebstore.google.com/detail/pixel-perfect/llpcibpmbpghnfdfggnnpdfapijaakln |
Beschreibung | Make your CSS looks exactly to your design with a image comparasion |
Dateigröße | 27.69 KB |
Installationsanzahl | 100 |
Aktuelle Version | 1.5 |
Letztes Update | 2022-06-03 |
Veröffentlichungsdatum | 2021-07-22 |
Bewertung | 1.00/5 Insgesamt 1 Bewertungen |
Entwickler | hugowebfr |
[email protected] | |
Zahlungsart | free |
Hilfeseite URL | https://hugo-web.fr |
Unterstützte Sprachen | 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" } } |