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
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 |
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 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" } } |