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.

Firefox 2

  1. 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.
  2. 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!
  3. 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.
  4. 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.
  5. 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.
  6. 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.”
  7. 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.
  8. 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.
  9. 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.
  10. 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.
  11. 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!
  12. 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.
  13. 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.
  14. 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.
  15. 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?

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

For persistent highlighting, you can use the Diigo toolbar. Although I’ve since installed it as I don’t use it that much.

There’s also a highlighting bookmarklet that you can use to highlight all matches on a page: http://members.shaw.ca/Jon_Aquino/Bookmarks.html

Comment by Jonathan Aquino — January 14, 2007 @ 10:55 pm

Thanks for, er, placing a link on my blog. :) Here are two posts that I [almost] recently posted about Firefox extensions:
http://blog.jploh.com/2006/12/17/shopping-for-firefox-extensions/
http://blog.jploh.com/2006/12/18/minor-tweaks-with-firefox/

Cheers!

Comment by JP Loh — January 18, 2007 @ 11:13 pm

If you like adblocker check out the “C No Evil” Toolbar. It replaces ads with images of your choice. You can create your own album of replacement images and share them with your friends. You can down load it from our website or at https://addons.mozilla.org/firefox/4045/ You can watch a video demo at http://www.prowebsurfer.com/pwswebsitevideo/video/demo/output/demo/demo.html

Stop watching Ads!

Andy

Comment by andy — February 20, 2007 @ 11:30 am

I never install any third-party add-ins which always causes problem more or less. If the feature is really necessary, FireFox should include it itself.

Comment by Tony — April 13, 2007 @ 8:06 am

@Tony - How is Mozilla to know which features are necessary for you, or for I? They can’t build one application and say “this is the best browser for everybody”. They include only the features that are useful to nearly everybody, and let us customize it through extensions to build “the best browser for me”. While I’m glad you’re satisfied with Firefox as it is, I can’t help but think you’re missing out on some tools that could make your life a lot easier.

Comment by Logan — April 13, 2007 @ 3:58 pm

Thank You

Comment by Mark — April 18, 2007 @ 2:53 am

Leave a reply

Inspiration

6pli Tumblr Aptana IDE Markus Homm Mint Humanized Rawkus Records // All Things Hip Hop // www.rawkus.com The New York Times WeShouldDoItAll Justinsomnia Deluxe Digital Media Democracy Internet Tv Take More Photos fluxiom - capture, manage, access and deliver content across your enterprise Olivier Danchin Jason Santa Maria Tubetorial Ajaxian Raincity Studios 88 Miles - Simple time tracking Welcome to Zopa (UK) - The first lending and borrowing exchange Inspirational design for a web2.0 homepage