The 5 Essential Firefox Addons Every Web Developer Needs
I am using each and every one of these awesome Firefox tools DAILY and I want to make sure all of you are aware of them as well! The following 5 addons were picked based on their superior usefulness and functionality.
I have written on some cool Firefox addons in the past, be sure to check out these 5 Firefox Addons for SEO and AutoFill Forms Addon where I show you how to submit your website to directories with one click.
Click on the addon titles to go directly to the developer’s install page.
1. Web Developer Toolbar
No brainer! The Firefox “Web Developer” toolbar has been in development by Chris Pederick since June of 2003. The Web Developer tool is packed with amazing features which allow you immediate access to information about any website you are browsing. Instantly view CSS files, disable JavaScript or cookies, control form fields, manipulate images, validate code and lots more.
2. FireShot
This fairly new Firefox addon allows you to create and manipulate screenshots of any webpage. You can capture a whole page or just a visible area. Before saving your file you can add shapes, highlight items, create styled text notes and pointers, as well as crop your screenshot. This is an especially nice tool for bloggers and graphic designers.
3. CoLT
CoLT is not as well known as the other Firefox addons featured here, but it’s just as useful. Bloggers, developers, designers and forum users all copies hyperlinks to their clipboard! CoLT gives you added control while copying URL’s to your clipboard. Automatically saving both the URL and it’s anchor text and allows you to output it in custom formats such as HTML, BB Code, or customize your own. This addon is only visible when right clicking on hyperlinks.
4. MeasureIt
Simplicity at it’s finest. This little addon allows you to draw a ruler on top of any webpage to determine the pixel height and width of any element! Takes the guess work out of CSS margin and padding adjustments, image and element placement. You can also drag the box around once you measure something.
5. ColorZilla
Another little addon that packs some big tools. Literally. ColorZilla is an advanced eyedropper Firefox addon which allows you to zoom in up to 1000%, allowing you to grab the Hex or RGB code of the tiniest pixel anywhere on the web. I recommend enabling the “Autocopy” feature right after you install (not enabled by default), this way everytime you grab a Hex color code it is instantly stored on your clipboard.
Share This Article!
Loading ...
December 30th, 2007 at 6:36 pm
[...] 3 - The 5 Essential Firefox Addons Every Web Developer Needs [...]
December 31st, 2007 at 5:34 am
Thanks for this useful information about Firefox addon. I learn something new today. :)
[Reply]
December 31st, 2007 at 4:49 pm
All of these are awesome sounding. I may just put a few of them to use tonight.
[Reply]
January 2nd, 2008 at 3:18 pm
Nice post…. great indeed…
But one thing… I wanna be a cat of the pic.
[Reply]
January 8th, 2008 at 12:12 am
[...] The 5 Essential Firefox Addons Every Web Developer Needs - DotSauce - The picture caught my attention. I know it was meant to, but then I read the post. As someone mentioned recently, it’s the “bait and hook” method. Well, it worked. But I was not let down. This is an excellent post that points out add ons for Firefox that I just never truly heard of but that I am now using thanks to this post. I love Colorzilla and Colt. Use them tremendously! Heck I use Colt to write these posts quicker. What are they? Go there to find out. [...]
January 8th, 2008 at 10:01 am
[...] information on it. That you do on your own. I suggest that you check out these two articles though; Firefox Addons Scripts For Developing Domains Enjoy, and check for often for more Top Blogs or you could just [...]
January 8th, 2008 at 3:20 pm
No firebug? It lets you change the css in real time on anyone’s website. Works great to adjust the way WordPress looks.
[Reply]
January 26th, 2008 at 3:32 pm
Yes Firebug is a must, similar to Web Developer Toobar but much more powerful, actually I only use Web Developer Toolbar only for the 10% of functions that are not in Firebug.
Also GreaseMonkey is great, lots of scripts to automatize almost everything.
SEOQuake is very useful to find SEO information about websites.
And finally Search status display the pagerank and Alexa rank for every page you visit. Quite handy.
[Reply]
February 19th, 2008 at 10:38 pm
im sorry i cant help but notice the picture above the entry. the cat’s so cozy nestled there. anyway i still like the fireshot add on.
[Reply]
February 28th, 2008 at 7:55 am
Firefox is never been hotter! set aside the pics above.. with all the addons we can surf
the internet so smoothly. I love using firefox and not planning to switch into other programs any time soon.
[Reply]
July 26th, 2008 at 8:27 am
Yeah the web developer toolbar is the business.
The only problem is that, lately, Gmail crashes in Firefox and I’m told the culprit is the web development toolbar.
[Reply]