addons
Pixel Perfect Casino

Take a tour

Check out our video and our other online tools that we have put together to help you understand and use Pixel Perfect to its full potential.

Get involved / Report a bug

Pixel Perfect is hosted at github.com. Head over to our page if you are interested in helping out or need to file a bug report.

Buy us a beer

No pressure, this is something that we made for ourselves and want to share with the community. However if you feel the urge to cheers us, we thank you!



Pixel Perfect Casino

Pixel Perfect is a Firefox extension that allows web developers to easily overlay a web composition over top of the developed HTML.

By toggling the composition on and off, the developer can visually see how many pixels they are off in development. Pixel Perfect also has an opacity option, so that you can view the HTML below the composition. Being able to see both the composition and the HTML, you can now simultaneously use Firebug while Pixel Perfect is still in action.

Although we do understand that all browsers render slightly different, and sometimes even OS dependencies come into play, we still believe Pixel Perfect is a great tool to help keep the integrity of the perfectionist designer.

If you have questions about the extension, please feel free to post to our google groups page. You can also contact us directly here.

Pixel Perfect was created by: Lorne Markham & Mike Buckley

Want to contribute? If you would like to contribute to this extension, please send an email to open@pixelperfectplugin.com

Pixel Perfect FAQ

I upload the overlay and clicked the toggle box, but nothing appears. Why?

This could happen on a website like Casino mit Sofortauszahlung, where the overlay has problems with width and height. When you turn the overlay on, Pixel Perfect adds a div element to the main browser dom. If your overlay is not displaying in the main browser window, you can use Firebug to look at the HTML and inspect the overlay div. The div has an id of ‘pp_overlay’, and will usually appear just before the closing body tag. The most common reason the overlay does not appear is that the height and width properties on the div are set to ‘0px’; You can subscribe to this issue here to track its progress and be notified when it has been fixed.
In the meantime, you can use Firebug to change the height and width to the correct values, which will cause the overlay to be displayed.

Why is Pixel Perfect panel is duplicated?

Currently, Pixel Perfect does not support multiple tabs. Using the extension in multiple tabs will cause the panel layout to be loaded again, and will duplicate it. You can subscribe to this issue here to track its progress and be notified when it has been fixed. The position controls are not responsive when clicking rapidly. We are working on making the response better on the position controls. You can also use the arrow keys on your keyboard to move the overlay one pixel at a time. You can subscribe to this issue here to track its progress and be notified when it has been fixed.

What if I have an issue that is not listed here?

Please check the https://code.google.com/archive/p/pixelperfectplugin/ first to see if it has already been filed. If not, please feel free to create a new issue, and comment.