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/
PixelParallel does not collect any personal data. Uploaded images are saved locally in the browser storage.
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
Top
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!
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!
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
Please, add the “pointer-events: none” to container with picture. Sry for my english)
Ничего не отображается, кроме кнопки Enable addon
OK
Oh my. Brilliant. Best extension I ever used. 👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏
Всё отлично работает)
good
The best grid extension I’ve used.
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.
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.
The latest version makes open tabs go “Oh snap!” Disabling the plugin gets rid of it. I’ll give higher rating if fixed.
It’s otherwise an okay tool, but I miss an easy way of moving the view out of the way.
This is Awesome!