PixelParallel by htmlBurger
PixelParallel by htmlBurger - Pixel perfect HTML vs Design tool for developers
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.
Latest reviews
perfect
Wish it worked better when viewing as mobile.
I work as frontend developer and PixelParallel is one of my favorite tools!!! Thanks so much for creating and sharing it with all of us. Love it!
I work as frontend developer and PixelParallel is one of my favorite tools!!! Thanks so much for creating and sharing it with all of us. Love it!
Very cool and useful. But -1 for no Firefox version : ( Is it in the works?
Very cool and useful. But -1 for no Firefox version : ( Is it in the works?
Super helpful. I loved it.
Super helpful. I loved it.
SUPER helpful!
SUPER helpful!
Awesome extension. Exactly what I needed. Helped me match my mocks very closely without the guesswork. Love it!
This chrome extension is A M A Z I N G! i can not describe how useful this is for a web developer! thank you so much htmlburg
This chrome extension is A M A Z I N G! i can not describe how useful this is for a web developer! thank you so much htmlburg
Top
Top
Its not working.
Its not working.
Все работает!
This tool is absolutely brilliant, but... unfortunately I cannot use it on every project. I need the ability to nudge the grid left/right, up/down by a few pixels. I would happily donate to have this feature added!
This tool is absolutely brilliant, but... unfortunately I cannot use it on every project. I need the ability to nudge the grid left/right, up/down by a few pixels. I would happily donate to have this feature added!
I have been using this extension for so long nice and very helpful. But one thing really looks suspicious to me is that why this extension need access to my browsing history?? Please clarify.
I have been using this extension for so long nice and very helpful. But one thing really looks suspicious to me is that why this extension need access to my browsing history?? Please clarify.
Super Brilliant!
Super Brilliant!
One of the coolest and easiest to use visualization tools for web design I’ve ever used. Quickly paste giant robots and anime girls all over your web screen of various transparencies and scales and move them around with ease. Jokes aside, this is one of the most useful apps I’ve ever installed.
One of the coolest and easiest to use visualization tools for web design I’ve ever used. Quickly paste giant robots and anime girls all over your web screen of various transparencies and scales and move them around with ease. Jokes aside, this is one of the most useful apps I’ve ever installed.
Does its job
Does its job
Please, add the "pointer-events: none" to container with picture. Sry for my english)
Please, add the "pointer-events: none" to container with picture. Sry for my english)
I've been looking for something like this, thanks a bunch my dude!
Ничего не отображается, кроме кнопки Enable addon
OK
OK
Oh my. Brilliant. Best extension I ever used. 👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏
Oh my. Brilliant. Best extension I ever used. 👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏
nyc
nyc
Всё отлично работает)
good
good
The best grid extension I've used.
The best grid extension I've used.
Needs to be able to configure units. Why do all grids want you to use only pixels?
Needs to be able to configure units. Why do all grids want you to use only pixels?
Doesn't look bad, however gets my Chrome stuck a lot even when not using this extension. It just slows down my Chrome a lot.
Doesn't look bad, however gets my Chrome stuck a lot even when not using this extension. It just slows down my Chrome a lot.
Thanks, but try use for vertical grid "background: linear-gradient(blue 1px, transparent 1px) left top / 100% size-in-pixels;".
Thanks, but try use for vertical grid "background: linear-gradient(blue 1px, transparent 1px) left top / 100% size-in-pixels;".
After the upgrade, the calculation of the vertical grid does not work correctly. Numeric values are converted to string values and instead of 1140 + 60 = 1200, we get 1140 + 60 = 114060. The same situation with calculating columns. ------------------- Thanks for fixing the problem. It's difficult to work without your extension.
