Best firefox extensions for developers

2007-10-09

Turn firefox to a powerful web developer editor and debugger with these cool extensions

This is a small list of firefox extensions that I use for web design

Firebug, a must have for any developer, you can inspect any html element, edit html and css, and watch ajax requests.
Web developer toolbar, I use it to disable css and javascript for testing, to resize firefox viewport to see how my page looks on smaller resolutions and to quickly validate my page with just one shortcut.
Venkman javascript debugger a very advanced javascript debugger, very useful if you have a nasty javascript bug to trace.
MeasureIt, measure anything on your page
ColorZilla Want to know what color is that site using ? just use this pick color extension
Add N Edit Cookies I use this for security, checking my site cookies. Never trust cookies information ! so make sure what you save in your cookies
Screengrab! saves entire webpages as images, cool if you want to take a screenshot of your entire page
View Source Chart graphically displays HTML tag boundaries
lori (Life-of-request info) Useful extension for page profiling and optimization
PHPdebugger If you are running DBG this extension will come handy