5 Firefox Plugins a Web Developer can’t live without
Feb 16, 2010 Features
This tutorial has been viewed: 5573 times
It seems like over time i’ve come to rely so much on 5 Firefox Plugins that I don’t know how in the world I would ever make Websites without them. So without any further ado, and without any particular order.
Checkout the
Top 5 Firefox Plugins For Web Developers:
ColorZilla – Colorzilla quickly allows you to get the Hex Color Code of any color on a website, like a color of a particular site? Find it’s Hex value in a couple of seconds. There are many uses to Color Zilla.
MeasureIt – MeasureIt allows you to quickly find the size in pixels of any element of a web page, this turns out to be invaluable when trying to measure position of objects in CSS
FireBug – This is a must have for any Web Developer, Firebug let’s you inspect the DOM and manipulate a webpage live, without uploading or downloading any files. This helps you debug nasty CSS errors, or figure out cool CSS techniques you can use. Invaluable.
IETab – As the name implies you can quickly double check how things look in Internet Explorer, because unfortunately about 50% of internet users are still on IE.
Firesizer – Want to see what your website would look to someone with a 1024 x 768 browser size? What about 1280 x 1024. Firesizer will do just that, it’s very important to check your website on different monitor and browser sizes.
Anyhow, I hope this list helps. Feel free to add your suggestions about Firefox Plugins that you think should be added to this list. I’ve found those 5 plugins have saved me a ton of time, especially Firebug.
Much thanks to the creators of those Plugins.
February 16th, 2010 at 11:58 pm
I would add the Web Developer Toolbar and Live HTTP Headers as well.
WDT – It's basically like web developers tool belt. A lot of common needs right there on hand.
Live HTTP – Sometimes it's really helpful to see where your site is going behind the scenes for debugging purposes and this lists every destination that the site goes to including redirect pages. Not only that, but you can check out other information such as cookie information or post data or whatever else you would need in a header. Along with this, I use Tamper Data, which lets you modify your headers.
[Reply]
February 17th, 2010 at 12:38 am
Oh yeah, I forgot about Web Developer Toolbar, Firebug may already do what Live HTTP does but i'm not 100% sure if it's as user-friendly.
Thanks for the comment.
[Reply]