March 19, 2009
2 Comments

How to get peace between designers and web developers by using Firebug?

Posted in Design, Development by Claudiu Murariu

Pixel Perfect is a firebug extension for Firefox that allows web developers to easily overlay a web composition over top of the developed html.

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. By being able to see both the composition and the HTML you can now simultaneously use Firebug while Pixel Perfect is still in action.

Here is a video showup of how the tool works… and believe me, by using this you can make sure there are not going to be anymore wars between design and development.

Other great Firebug extensions:

  • YSlow – calculates loading times for a certain webpage
  • ChromeBug – is Firebug for Chrome: XUL applications and their extensions.
  • Firecookie is a an extension for Firebug that makes possible to view and manage cookies in your browser.

Related Entries

Signup for our awesome Newsletter!

We will try to send you e-mail that will open your eyes in the morning and wake you up in the evening!

About the author

Claudiu Murariu,

  • http://www.topgeldzaken.nl/lenen-zonder-bkr-toetsing/ lenen

    BKR problemen? Nu Geld lenen zonder BKR toetsing? Op zoek naar betrouwbare aanbieders? Wij vergelijken banken die u toch kunnen helpen aan een betrouwbare

  • http://www.webdesigner.co.in Kate Brown

    Thanks for letting me know that.