PixelPerfectJs

PixelPerfectJs allows developers to put an image overlay on top of your HTML page and achieve pixel precise results.

How to use:

• To install the bookmarklet, go to my announcement blog post here: http://htmlblog.net/introducing-pixel-perfect-js/
• Follow the install instructions.

Or if you don’t want to use the bookmarklet, just add the following line before your closing body tag:

<script type="text/javascript" src="//dl.dropbox.com/u/2369055/pixelperfectjs/_ui/js/pixelPerfect.all.js"></script>

The PixelPerfectJS panel will then be displayed.

Settings:

• Enable: Yes/No. Whether you want to enable PixelPerfectJs or not
• Designs: Enter the image URL you want to overlay on top of your HTML. It must be either an absolute or relative URL. You can add as many images as you want.
• Position: You can manually set the position of the overlay
• Opacity: Control the opacity of the overlay.

Features:

• Simple! Just add 1 line of javascript!
• Not an extension or addon. Will work in any browser!
• No image size restrictions!
• Multiple overlays support
• Your settings are saved between sessions.

Contact:

Please send bug reports and ideas for future versions to: asvin.balloo@gmail.com