Pixel Perfect
Make your CSS looks exactly to your design with a image comparasion
What is Pixel Perfect?
Pixel Perfect is a Chrome extension developed by hugowebfr, and its main feature is "Make your CSS looks exactly to your design with a image comparasion".
Extension Screenshots
Download Pixel Perfect Extension CRX File
Download Pixel Perfect extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
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 Extension Basic Information
| Name |  Pixel Perfect |
| ID | llpcibpmbpghnfdfggnnpdfapijaakln |
| Official URL | https://chromewebstore.google.com/detail/pixel-perfect/llpcibpmbpghnfdfggnnpdfapijaakln |
| Description | Make your CSS looks exactly to your design with a image comparasion |
| File Size | 27.69 KB |
| Installation Count | 100 |
| Current Version | 1.5 |
| Last Updated | 2022-06-03 |
| Publish Date | 2021-07-22 |
| Rating | 1.00/5 Total 1 Ratings |
| Developer | hugowebfr |
| [email protected] | |
| Payment Type | free |
| Help Page URL | https://hugo-web.fr |
| Supported Languages | 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"
}
} | |
