/Perfect-Pixels

A chrome/firefox bookmarklet that allows you to overlay a design to your dom to perfect the implementation.

Primary LanguageJavaScriptDo What The F*ck You Want To Public LicenseWTFPL

Perfect Pixels

What is it?

This bookmarklet allows you to overlay a web composition over top of your developed html.

Quick setup:

Just make the code below into the target of a bookmark.

Once on a page you want to firm up the design, click the bookmarklet and follow the instructions.

javascript:(function(){if(typeof PerfectPixel==="undefined"){var a=document.createElement("script");a.type="text/javascript";a.src="https://raw.github.com/shalecraig/Perfect-Pixels/master/bookmarklet-entire.js";document.body.appendChild(a)}else{runPerfectPixel()}})();

Browser support:

Currently works on: Firefox 5+6 Chrome 14+ (untested below, theoretically 6+)

Will be adding more browser support later on (such as IE 7/8) - I've got a theory.

Happy Coding!

If you find bugs:

Please report them, including the url of where the bug was.

If you can't give the URL, please reference some code that you can disclose.

Without this, you'd be better off fixing & committing it yourself.