Pixel Perfect
Make your CSS looks exactly to your design with a image comparasion
Cos'è Pixel Perfect?
Pixel Perfect è un'estensione di Chrome sviluppata da hugowebfr, e la sua funzione principale è "Make your CSS looks exactly to your design with a image comparasion".
Screenshot dell'Estensione
Scarica il file CRX dell'estensione Pixel Perfect
Scarica i file di estensione Pixel Perfect in formato crx, installa manualmente le estensioni di Chrome nel browser o condividi i file crx con gli amici per installare facilmente le estensioni di Chrome.
Istruzioni per l'Uso dell'Estensione
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
Informazioni di Base sull'Estensione
Nome | Pixel Perfect |
ID | llpcibpmbpghnfdfggnnpdfapijaakln |
URL Ufficiale | https://chromewebstore.google.com/detail/pixel-perfect/llpcibpmbpghnfdfggnnpdfapijaakln |
Descrizione | Make your CSS looks exactly to your design with a image comparasion |
Dimensione del File | 27.69 KB |
Conteggio Installazioni | 100 |
Versione Corrente | 1.5 |
Ultimo Aggiornamento | 2022-06-03 |
Data di Pubblicazione | 2021-07-22 |
Valutazione | 1.00/5 Totale 1 Valutazioni |
Sviluppatore | hugowebfr |
[email protected] | |
Tipo di Pagamento | free |
URL della Pagina di Aiuto | https://hugo-web.fr |
Lingue Supportate | 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" } } |