What Firefox Extensions Should Every Web Developer Have Installed?
Posted by Stuart Herbert on June 11th, 2008 in Toolbox.
When it comes to web development, there’s no doubt that Firefox is king. What makes it king is the large collection of third-party extensions available for it. These days, just about everyone has heard about Firebug, but what other extensions would you recommend to folks who do web development?
About The Author
26 Comments
June 11th, 2008 at 12:55 pm
My list would be:
* YSlow – http://developer.yahoo.com/yslow/
* Web Developer – https://addons.mozilla.org/en-US/firefox/addon/60
* MeasureIt – http://www.kevinfreitas.net/extensions/measureit/
* ColorZilla – http://www.iosart.com/firefox/colorzilla/
Although I’ve had to cut back on extensions since I migrated to the Firefox 3.0 betas & release candidates.
June 11th, 2008 at 12:56 pm
I use also YSlow for speed optimizations, HTML Tidy for validation and fireshot for screencapturing.
June 11th, 2008 at 1:11 pm
Okay, here you go ;)
HTML Validator
http://users.skynet.be/mgueury/mozilla/
Live HTTP Headers
http://livehttpheaders.mozdev.org/
Web Developer
http://chrispederick.com/work/web-developer/
YSlow
http://developer.yahoo.com/yslow/
That’s it.
June 11th, 2008 at 1:16 pm
maybe Selenium IDE, it’s quite useful for interface testing
June 11th, 2008 at 1:30 pm
I use the following add-ons:
Firebug (I do not see how any web developer can live without this add-on.)
Web Developer Toolkit
Measure It
Colorzilla
IE Tab (PC ONLY)
HTML Validator
YSlow – Firebug add-on.
HTTP Live Headers
June 11th, 2008 at 1:32 pm
Firebug, Live HTTP Headers, User Agent Switcher, Web Developer Toolbar, YSlow, MeasureIt and ColorZilla are essential for me, and if you use the related tools Selenium IDE and Zend Studio Toolbar are extreemly handy.
June 11th, 2008 at 1:37 pm
Here’s my list: Web Developer, Tamper Data, YSlow, FirePHP, User agent switcher, Selenium IDE, Lorem Ipsum content generator, ReloadEvery
June 11th, 2008 at 1:48 pm
Web Developer, FireBug and ChatZilla ^^ so I can have quick access to good rooms on Freenode like #zftalk and #jquery ;)
June 11th, 2008 at 1:50 pm
I use Firebug, Web Developer toolbar, and ColorZilla when doing HTML/CSS/JS web development. I never use these for backend (PHP) development. The toolbar’s great for its ruler, ability to disable CSS/JS, simulate screen size (somewhat) and easily view a page’s stylesheets.
June 11th, 2008 at 1:55 pm
Perhaps more associated with design, but 2 more…
- Colorzilla
- Htmlvalidator
June 11th, 2008 at 2:52 pm
Regular expressions tester, Live HTTP Headers, SaveSession, EditCookies, RefSpoof, ZendStudio Toolbar …
June 11th, 2008 at 2:54 pm
I’d install the Web Developer toolbar, some of it’s features have been superceded by firebug, but being able to disable css/javascript/images/cookies, populate forms, use a ruler, quickly outline elements and also send things to the validators is useful.
June 11th, 2008 at 2:57 pm
Here’s my:
Web Developer
Firebug
YSlow
ColorZilla
Live HTTP Headers
HTML Validator
FirePHP (seems cool too, but still a bit early)
PrefBar (allows you to disable flash within a Firefox session)
Duplicate Tab (useful in a few situations)
–Joao
June 11th, 2008 at 3:15 pm
Stylish – like Greasemonkey, but for CSS. Great for seeing if a change will look good and showing it live, without affecting the live site, yet using live data.
Greasemonkey – similar idea (I don’t actually have it installed at the moment, but have used it to trial ideas on people before)
Nagios Status – see if your server and sites are healthy, without needing a page open all the time (requires Nagios to be monitoring the server, obviously…)
Live HTTP Headers – useful for checking dynamic returns and so on
June 11th, 2008 at 3:31 pm
I use FireBug (obviously), but stangely no-ones mentioned Venkman?
Its a Mozilla javascript debugger, much better than Firebug’s version
June 11th, 2008 at 4:21 pm
My list is simple – WebDeveloper and FireBug. Selenium and YSlow have come in handy as well. I used to use HTML Validator, but I switched to w3c’ service via WebDeveloper.
June 11th, 2008 at 6:38 pm
Webdevelopper is…Lame v_v, you just dont need nothing of it.
Mine are
- LiveHTTPHeaders
- Firebug
- Cache status
- Timestampdecode
- Titlebar Tweaks
And of course
- chrome://browser/content/preferences/cookies.xul
- javascript:window.resizeTo(1024,768);
June 11th, 2008 at 7:03 pm
My list ( in random order )
Firebug
YSlow
LiveHTTPHeaders
Web Developer
June 11th, 2008 at 9:03 pm
The “Firefox Accessibility Extension” gives along other features a report on the accessibility of a page (not that “it does not validate, it’s not accessible at all”-stuff!).
June 12th, 2008 at 9:01 am
My sweet list of plugins is more or less already mentioned:
- firebug: who lives without it?
- webdeveloper: switching css on/off etc
- measureIt: it just works
- colorzilla: again, just works
- html validator: always handy to see validation results
- fasterfox: gives me a timer for loading a page…
June 12th, 2008 at 9:01 am
ow, and Yslow ofcourse :)
June 12th, 2008 at 10:12 am
I just found Selenium IDE which is quite nice for testing but doesn´t satisfy complete yet. otherwise i just have Firebug for debugging ang google toolbar to see pagerank.
June 13th, 2008 at 8:42 pm
FireBug is #1
Rest: WebDeveloper, Google Toolbar, Stop-or-Reload Button, Tab Mix Plus, Locationbar2, Fireshot, Scrapbook, greasemonkey.
And of course: customize toolbars – http://www.alexatnet.com/node/48
And a lot of useful bookmarlets: http://www.alexatnet.com/node/85
June 14th, 2008 at 6:01 pm
Will you provide a summary of all of these suggestions?
June 18th, 2008 at 8:06 pm
2Lukas:
Stuart have done it: http://blog.stuartherbert.com/php/2008/06/16/40-firefox-extensions-every-web-developer-should-check-out/
August 24th, 2009 at 8:32 pm
Nice post about stuart herbert’s PHP blog – architecture, code, and hosting. I like your blog very much because it has very interesting articles of different topics like.