UI Checker JavaScript / CSS tool

Question

I have a task (for instance): create an HTML&CSS according to the given Jpg file. Basically, what i want, is a simple JavaScript lib (or whatever else it might be) which will allow me to see the transparent gif of the original file (50% opacity) and my actual page, so that i could fit all my classes pixel-to-pixel according to Jpeg.

Does it exist?

You want a javascript lib that will fit your form inputs over a partially transparent sprite? — Zoidberg
– Zoidberg, Commented Oct 7, 2009 at 17:16
I want my website to be PIXEL_TO_PIXEL exactly like a mock (jpeg). So, i want to have the Jpeg OVER my website to see where i miss some pixels :) — 0100110010101
– 0100110010101, Commented Oct 7, 2009 at 17:19

Mark Bell · Accepted Answer · 2009-10-07 17:18:02Z

4

This is a good extension, for Firefox:

http://www.pixelperfectplugin.com/

answered Oct 7, 2009 at 17:18

Mark Bell

29.8k26 gold badges121 silver badges150 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

0100110010101 Over a year ago

GREAT! thank you SO much! that was EXACTLY what i was looking for. i've seen it some month ago, but never thought i'd need it :) nice catch!

Fabien Ménager Over a year ago

Very good answer, but the remaining problem are the other browsers, especially IE which may (will) render the page slightly differently.

Mark Bell Over a year ago

Good point. We should point out that just because it's pixel perfect according to this tool, doesn't mean it will be in the 'real world' - but at least it will help you to get closer.

Collectives™ on Stack Overflow

UI Checker JavaScript / CSS tool

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related