Living life…the cool way !

Matching HTMLs ‘Pixel Perfect’ly with visual design

leave a comment »

At times i have wondered, if there is a better way to match the visual comps from graphic designers to the HTML / XHTML pages that the web-developers code. Navigating using ‘Ctrl+Tab’ and using ‘Calipers’ are indeed working out, but there should be some other better ways to do that…and that is what exactly the page, that i happened to visit after googling for a while, had to tell me


This firefox extension that allows web developers to easily overlay a web composition over top of the developed HTML/XHTML. 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.


Written by Ranjith

August 26, 2008 at 9:46 pm

Posted in Techie, UI

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: