January 12, 2007
15 Firefox extensions no web developer should live without
Spending all your income on Prozac? Stop the pain at it’s source! Install one or all of these Firefox extensions and I guarantee that your job, whatever it is, will become dramatically easier overnight. Preliminary tests have shown that Firebug’s strategy of pure, undiluted sexiness will instantaneously correct erectile dysfunction. Side-effects may include more free time to do what you actually want to be doing, including the possibility of discovering sunlight for those of you fortunate enough to not live in new england.
- Firebug
- “FireBug lets you explore the far corners of the DOM by keyboard or mouse. All of the tools you need to poke, prod, and monitor your JavaScript, CSS, HTML and Ajax are brought together into one seamless experience, including a debugger, an error console, command line, and a variety of fun inspectors.”
- I highly recommend choosing Firebug 1.0beta over the current 0.4.1 release. Try it, you’ll thank me! It’s one of the most incredibly useful pieces of software I ever ever had the luxury of using.
- FireFTP
- “FireFTP is a free, secure, cross-platform FTP client for Mozilla Firefox”
- Perhaps not necessary if you’re more comfortable with another FTP client, but useful nonetheless for it’s small footprint and user interface. Absolutely my FTP client of choice. Once you get used to having your ftp sessions inside browser tabs no other way makes sense!
- Greasemonkey
- “Greasemonkey is a Firefox extension which lets you to add bits of DHTML (”user scripts”) to any web page to change its behavior. In much the same way that user CSS lets you take control of a web page’s style, user scripts let you easily control any aspect of a web page’s design or interaction.”
- Good for those little fixing up those annoying little quirks on websites that you’d otherwise have to put up with. Userscripts.org has a huge library of community-written scripts, so check there before being bothered to code your own fix. If it’s a reasonably popular site, chances are it’s already been done.
- IE Tab
- “IE Tab, an extension from Taiwan, embeds Internet Explorer in a Mozilla/Firefox tab.”
- Constantly bouncing between IE and Firefox to get that CSS to match? Occasionally run into sites that require IE, but would rather keep your browsing confined to a Firefox window? Try it, you’ll like it.
- Probably windows only, depending on your perseverance I suppose.
- Pearl Crescent Page Saver
- “Pearl Crescent Page Saver is an extension for Mozilla Firefox that lets you capture images of web pages.”
- So you think the PrtSc key is good enough, do you? Let’s see ya snap a page larger 10x the height of your screen then. Exactly. I use the free version and it works well, by the way.
- SearchStatus
- “Designed for the highly specialized needs of search engine marketers, this toolbar provides extensive search-related information about a site, all conveniently displayed in one discreet and compact toolbar.”
- “For every site you visit using, SearchStatus lets you view its Google PageRank, Google Category, Alexa popularity ranking, Alexa incoming links, Alexa related links and backward links from Google, Yahoo! and MSN.”
- StumbleUpon
-
“Channel surf the internet with StumbleUpon! Discover great websites, videos, pictures and more — all according to your interests.”
- Submitting your best pages to StumbleUpon can result in an amazing traffic boost. In fact, StumbleUpon sends more traffic to Skin Deep than any other referring site. The best part is, assuming your content actually is valuable, stumblers will review it and give it the thumbs up, helping it continue to spread.
- I’ve also had great success in the past with their paid advertising program.
- Tab Mix Plus
- “Tab Mix Plus enhances Firefox’s tab browsing capabilities. It includes such features as duplicating tabs, controlling tab focus, tab clicking options, undo closed tabs and windows, plus much more. It also includes a full-featured session manager with crash recovery that can save and restore combinations of opened tabs and windows.”
- Mentioned before on Skin Deep. I find this one useful mostly for it’s session management features.
- My configuration file, to get you started.
- TextMarker!
- “Allows you to highlight text selections”
- This one isn’t really essential, but it is helpful for long pages of text, especially those that you intend to print out. It could be a thousand times more useful if your highlight data was saved until the next time you come back to the page.
- Web Developer
- “The Web Developer extension adds a menu and a toolbar to the browser with various web developer tools.”
- The description is vague because this extension really is beyond description. The Web Developer Toolbar has more features than any other extension I’ve ever seen. I really can’t imagine life without it.
- Some of Firebug’s features are duplicated but they coexist quite happily together and I recommend installing both.
- DOM Inspector
- “DOM Inspector is a tool that can be used to inspect and edit the live DOM of any web document or XUL application. The DOM hierarchy can be navigated using a two-paned window that allows for a variety of different views on the document and all nodes within.”
- You should already have this, though some distribution-specific Firefox builds strip it out. This is dumb. It comes with Firefox for a reason, use it!
- ColorZilla
- “Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies.”
- If you already have the Web Developer toolbar, you don’t need this, but I think it’s handy.
- del.icio.us
- “del.icio.us is a social bookmarks manager. It allows you to easily add sites you like to your personal collection of links, to categorize those sites with keywords, and to share your collection not only between your own browsers and machines, but also with others.”
- Really simplifies bookmarking with del.icio.us. I haven’t even used my browser’s bookmarks in over a year. I’ve even considered hacking the chrome to remove the useless bookmarks menu. I’ll get around to it someday.
- Adblock
- “Adblock allows the user to specify filters, which remove unwanted content based on the source-address.“
- Makes the web much more pleasant. Just don’t forget to whitelist your own sites so you can see them the way your visitors will!
- Best in conjunction with Filterset.G and Adblock Filterset.G Updater.
- Operator
- “Operator lets you combine pieces of information on Web sites with applications in ways that are useful. For instance, Flickr + Google Maps, Upcoming.org + Google Calendar, Yahoo! Local + your address book, and many more possibilities and permutations. All of these scenarios are possible due to Microformats, an emerging standard for injecting semantics into HTML.”
- I haven’t had much occasion to use this one yet, but I’m sure I will in the near future. Consider optional.
Now, go install all of these and enjoy your new life. Am I forgetting anything important?

By email























I currently have the WebDeveloper and ColorZilla extensions installed, and I’m looking at the Pearl Crescent Page Saver extension now, and maybe GreaseMonkey later.
Comment by Craige — January 13, 2007 @ 3:49 pm