David Nash » firefox http://davidnash.com.au Freelance PHP developer - builder of high-quality dynamic websites Sun, 25 Jul 2010 23:56:32 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 Pixel Perfect Firefox Extension http://davidnash.com.au/2009/06/pixel-perfect-firefox-extension/ http://davidnash.com.au/2009/06/pixel-perfect-firefox-extension/#comments Tue, 30 Jun 2009 03:27:29 +0000 David http://davidnash.com.au/?p=178 When I write HTML and CSS I’ll usually create a mockup – I take a high quality JPG of the design and put it into a very simple page that shows the JPG, centered on the screen. Then in Firefox I switch back and forth between the page I’m working on and the mockup so that I can get the design pixel-perfect.

Well today all that will change. I’ve discovered the Pixel Perfect Firefox Extension which allows me to overlay the mockup over what I’m designing.  You can set the opacity and quickly toggle the overlay on and off.

I’m not sure about centering – it doesn’t seem to do that automatically. But I think I could use the MeasureIt extension to get the width of the main column, set it in CSS with ‘margin: 0 auto’ to centre it, and then drag the overlay to match and base everything off that.

My job just got slightly easier again.

Awesome!

Share: del.icio.us Facebook Google E-mail this story to a friend! Technorati TwitThis

]]> http://davidnash.com.au/2009/06/pixel-perfect-firefox-extension/feed/ 0