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

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.

• The SEO Series: Firefox for “Web Marketers”
• Sleek Admin – a clean admin skin for your backend
• 20 Quality examples of high contrast in web design
• A list of jQuery interface elements and plugins developed by Eyecon
• How to achieve the new and trendy letterpress effect with Photoshop