Home > My Favorite Firefox Extensions

My Favorite Firefox Extensions

Firefox is a great Web browser. It offers good Web standards support and is open source. As a Web developer who regularly creates templates/themes based on Photoshop designs, Web standards compliance is a very important aspect and one of the reasons I hate Internet Explorer. As a person who believes in the spirit of open source, it is also important that Firefox is open source software.

The speed of Web page rendering is not the biggest strength of Firefox, there are other browsers that render pages more quickly, but the most important aspect, that makes Firefox incomparably useful are the free extensions available.

Get Firefox

Cool Firefox Extensions

Below I list the ones I am using for making my life as a Web developer easier and my browsing experience better.

Firebug

Firebug is an amazing extensions I can't imagine living without Firebug when developing Web applications. Firebug enables you to edit, debug, and monitor CSS, HTML, and JavaScript live in any Web page. I can't list all of the cool features Firebug comes with, but the ones that are most important to me:

  • Displaying which CSS rules actually apply to the currently selected HTML element and changing the values to immediately see the effects.
  • Debugging JavaScript, setting breakpoints, and testing code before adding it to a live site.
  • Monitoring load times of the executed HTTP requests and their order of execution.

If you are a serious Web developer, Firebug is a must have extension.

Get Firebug

Web Developer

The Web Developer extension was one of the first I used to facilitate my work. It adds lots of convenience features in form of a toolbar. The following Web Developer Toolbar features are most useful to me:

  • Quick links to validation services for the currently displayed page.
  • Resizing the browser window to customizable screen sizes.
  • Disabling JavaScript, images, and CSS to see what a page looks like in a text browser or for robots.
  • Disabling referrer information in HTTP requests.
  • Disabling and clearing session cookies.
  • Displaying various information for the currently displayed page, such as DIV order, ID and class details, and many more.

The Web Developer Toolbar is an extension I definitely would not want to miss.

Web Developer Toolbar

ColorZilla

I use the ColorZilla extensions for retrieving the hex code of the color value I point my mouse cursor over on the page currently displayed. This add-on offers more features, but I only use the one mentioned, which I find very useful.

ColorZilla Color Picker

Link Counter

The Link Counter extensions allows you to copy all links as a plain text or unordered HTML list of the URLs displayed on a page. You can choose all links, internal or external links only. Very useful for writing posts on .edu-Domains.

del.icio.us Bookmarks

I use del.icio.us to manage and access my bookmarks from any computer that is connected to the Internet. The del.icio.us Bookmarks extension makes it easy to add and search my bookmarks without actually visiting the del.icio.us Website.

del.icio.us Bookmarks

Download Statusbar

With the Download Statusbar I won't see the default download pop-up window that comes with Firefox. It offers more features that I don't use, mainly because I have not checked them out so far.

Get Firebug

HTML Validator

The HTML Validator extensions tells whether the page currently displayed validates as HTML or XHTML when taking a look at the page source.

HTML Validator

MeasureIt

MeasureIt adds a ruler to get the pixel width and height of any element or region on a Web page.

Get Firebug

Save As Image

The Save As Image extension enables you to save a page, frame, or part of either as an image. You can use this extension to create snapshots of the full page from top to bottom.

Save As Image

SearchStatus

Last but not least I use the SearchStatus extension to retrieve SEO related information. SearchStatus displays the Google PageRank, Alexa rank (also affects it) and Compete ranking. SearchStatus comes with a keyword density analyzer, offers nofollow link highlighting, display of backward and related links, Alexa info, and much more.

Summary

I am sure there are many, many more Firefox extensions I'd find useful for doing all kinds of things, but the ones briefly described above suffice to state that Firefox is the best Web browser available. Fuck IE!

You don't need MeasureIt, the Web Developer toolbar can do that. Miscellaneous » Ruler
WebDeveloper has a ruler feature like the MeasureIt, just go to Miscellaneous > Display Ruler.

Thanks for the hint. I have overlooked this Web developer feature. Actually the ruler is much better because it also displays the coordinates of the start and end positions which is a very cool feature and it allows to move the selected area. I can only confirm that I wouldn't want to miss the Web developer toolbar.

I never knew that Web Developer Toolbar's Ruler is as good as MeasureIt, I though it just display Ruler on top and left :P. Very good hint.

You should also take a look at 'SEO for Firefox' extension at http://tools.seobook.com/firefox/seo-for-firefox.html

I used "SEO for Firefox" for a short time but found it rather distracting.

If you're running any sites with adsense on them, then the Adsense notifier extension is extremely useful, it gives you regular updates on your earnings. Maybe not useful as far as development is concerned, but it's certainly motivational!

but it's certainly motivational! In case you earn something it probably is ;) I am not using Adsense but if I were, it'd give this extension a try

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <p> <br> <img> <h2> <h3> <h4> <h5>

More information about formatting options

Refresh Type the characters you see in this picture.
Type the characters you see in the picture; if you can't read them, submit the form and a new image will be generated. Not case sensitive.  Switch to audio verification.