PixelPerfectJs allows developers to put an image overlay on top of your HTML page and achieve pixel precise results.
JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
_ui
.gitignore
README.md
bookmarklet.txt
index.html

README.md

PixelPerfectJs

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

How to use:

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