English
See more
PixelParallel by htmlBurger - Pixel perfect HTML vs Design tool for developers
Latest Version
Version
1.2.0
Update
November 30, 2022
Size
223KiB
Developer
Category
Users
10,000+ 
Rating
4.72308 ★
Manifest Version
3
Web Store Status
Extension ID
Languages Support
Permissions
Storage
Tabs
See more
Tabs
PixelParallel by htmlBurger Extension
PixelParallel is a completely free, super handy and light HTML vs Design comparison tool for front-end developers that will help you code pixel perfect websites with ease.
Built from developers to developers, PixelParallel is a tool working in favor of the ultimate precision in front-end coding.
PixelParallel is AD FREE!
How it works:
1. Simply upload your image and compare the semi-transparent overlay with the web page below.
2. Customize the opacity, scale and position of the image as you wish. You can also hide it or lock it.
3. Perform color difference for a strong pixel perfect precision.
4. Use the vertical and horizontal grids to achieve a pixel perfect web design.
Features:
- Bootstrap grid with customizable width, number of columns, gutter and opacity
- Horizontal lines with customizable space between
- Draggable rulers (Photoshop-like) + Reset option
- Inversion (Color difference)
- Separate overlays for each web page
- Overlay scaling
- Customizable overlay opacity
- Saving overlays between sessions
- All image sizes supported
- Draggable overlay
- Quick hide / show image
- Shortcuts + customizable keyboard hotkeys
- Works with local files
- Intuitive UI: clean and simple; draggable; minimizable
PixelParallel
No Parallel in Quality
Powered by htmlBurger
Learn more:
https://htmlburger.com/labs
Follow us at:
https://www.facebook.com/htmlBurgerofficial
https://www.instagram.com/htmlburgerofficial/
https://twitter.com/htmlburger
PixelParallel does not collect any personal data. Uploaded images are saved locally in the browser storage.
Read more
Built from developers to developers, PixelParallel is a tool working in favor of the ultimate precision in front-end coding.
PixelParallel is AD FREE!
How it works:
1. Simply upload your image and compare the semi-transparent overlay with the web page below.
2. Customize the opacity, scale and position of the image as you wish. You can also hide it or lock it.
3. Perform color difference for a strong pixel perfect precision.
4. Use the vertical and horizontal grids to achieve a pixel perfect web design.
Features:
- Bootstrap grid with customizable width, number of columns, gutter and opacity
- Horizontal lines with customizable space between
- Draggable rulers (Photoshop-like) + Reset option
- Inversion (Color difference)
- Separate overlays for each web page
- Overlay scaling
- Customizable overlay opacity
- Saving overlays between sessions
- All image sizes supported
- Draggable overlay
- Quick hide / show image
- Shortcuts + customizable keyboard hotkeys
- Works with local files
- Intuitive UI: clean and simple; draggable; minimizable
PixelParallel
No Parallel in Quality
Powered by htmlBurger
Learn more:
https://htmlburger.com/labs
Follow us at:
https://www.facebook.com/htmlBurgerofficial
https://www.instagram.com/htmlburgerofficial/
https://twitter.com/htmlburger
PixelParallel does not collect any personal data. Uploaded images are saved locally in the browser storage.
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "PixelParallel by htmlBurger", "version": "1.2.0", "description": "PixelParallel by htmlBurger - Pixel perfect HTML vs Design tool for developers", "icons": { "16": "logo-16.png", "48": "logo-48.png", "128": "logo-128.png" }, "action": { "default_icon": "logo-128.png", "default_popup": "popup.html" }, "background": { "service_worker": "background.js" }, "options_page": "options.html", "options_ui": { "page": "options.html" }, "content_scripts": [ { "matches": ["http://*/*", "https://*/*"],\t "match_origin_as_fallback": true, "js": ["PixelParallel.js"] } ], "permissions": [ "storage", "tabs" ], "host_permissions": [ "http://*/*", "https://*/*" ]}
Read more
Similar Extensions
Designer Tools 10,000+ 227 ★ 987KiB
Web Maker 10,000+ 1002 ★ 5.76MiB
Dimensions 10,000+ 454 ★ 17.28KiB
Pix to pix (Pixel perfect by Ymatuhin) 10,000+ 26 ★ 34.18KiB
Grid Ruler 10,000+ 335 ★ 288KiB
Pixel Perfect Pro 10,000+ 12 ★ 124KiB
Tape 10,000+ 155 ★ 12.68KiB
Pixel perfect tools 10,000+ 6 ★ 63.87KiB
CSS Peeper 10,000+ 363 ★ 279KiB
CSS3 Generator 10,000+ 60 ★ 346KiB
Baseliner 10,000+ 45 ★ 205KiB
Emmet Re:view 10,000+ 162 ★ 74.65KiB
Amino: Live CSS Editor 10,000+ 453 ★ 1.45MiB
Grid Builder 10,000+ 11 ★ 43.28KiB
Reticle 10,000+ 27 ★ 39.33KiB
VisBug 10,000+ 252 ★ 5.38MiB
Responsive Viewer 10,000+ 298 ★ 639KiB
CSS Grid Overlay 10,000+ 7 ★ 181KiB
Alt & Meta viewer 10,000+ 10 ★ 71.37KiB
Font Awesome Icon Finder 10,000+ 9 ★ 1.01MiB
Catchpoint User Experience 10,000+ 32 ★ 662KiB
Blue Button | the webpage X-ray 10,000+ 21 ★ 82.66KiB
PerfectPixel by WellDoneCode (pixel perfect) 10,000+ 605 ★ 732KiB
Dimensions Inspect | Gridman 10,000+ 87 ★ 816KiB
User reviews
Nevyana (ID: 000000493d7be60e) Voted 5 ★ - Updated 02/10/2022
Matt Kaye (ID: 000000ac41e81359) Voted 5 ★ - Updated 04/01/2021
Nick Platov (ID: 00000051d6824755) Voted 5 ★ - Updated 03/21/2021
Martin (ID: 000000b3cb6a02bc) Voted 5 ★ - Updated 03/15/2021
Fernando Gabriel (ID: 00000058449bd635) Voted 5 ★ - Updated 09/02/2020
