My personal opinion, Firebug is the greatest invention and life saver to all the web developers. It's a great time saver to track and identify layout issues, website perfomance and also some other small but extremely useful tools to tackle bugs and errors.
Well, it can do more than you could ever imagine with all these Firebug extensions. In this post, I have found 10 extensions that will boosts your web development speed!
- Pixel Perfect
Pixel Perfect is a firebug extension that allows web developers to easily overlay a web composition over top of the developed html.
Firediff is a Firebug extension whose goal is to provide additional insight into the changes that are being made to the components of the page. Firediff currently requires a recent build of Firebug, with a strict requirement of at least version 1.4.
Firepicker automatically adds color picker to Firebug's inline CSS editor.
YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages. YSlow is a Firefox add-on integrated with the Firebug web development tool. YSlow grades web page based on one of three predefined ruleset or a user-defined ruleset. It offers suggestions for improving the page's performance, summarizes the page's components, displays statistics about the page, and provides tools for performance analysis, including Smush.it™ and JSLint.
Firecookie is a an extension for Firebug that allows to view, manage and debug cookies in your browser. Apart from all the other cookie managers and viewers available as Firefox extensions, this one is made as an extension for Firebug. This means that web developers have the functionality accessible within the familiar Firebug's UI.
FirePHP enables you to print to your Firebug Console using a simple PHP function call. All data is sent via a set of X-FirePHP-Data response headers. This means that the debugging data will not interfere with the content on your page. Thus FirePHP is ideally suited for AJAX development.
- CSS Usage
With CSS Usage you can look at your CSS rules and see which ones of them are actually used on your website and which aren't.
FormBug simulates HTML form fill-in and serialization as an aid to testing form-intensive sites.
FireQuery adds a collection of jQuery-related enhancements to Firebug. Recommended for all jQuery developers.