As a web designer you need all the help you can get to make sure your sites are working and as an added bonus they are free. Below is my list of the Best Firefox Extensions for Web Designers in no particular order. These are just the ones I use the most in my day-to-day production.

1. Firebug

Indispensable and deserves to have the number one spot! Highlights of this extension are:

  • The ability to view and edit HTML and CSS on any webpage live (Note: this will not effect the actual pages just what you see on your screen.)
  • The Inspect tool allows you to click on an object on the webpage and see what styles are effecting it
  • A powerful JavaScript debugger

I could go on and on but enough already, download it!

2. Web Developers Tool Bar

This extension has a 5-star rating on the add-ons page and rightly so. This is just ever so slightly behind Firebug but not by much. It is awesome. You can validate your HTML and CSS with one click, you can measure items on your screen, you can resize your screen to whatever dimension you like and more!

Download it here.

3. Xmarks

Once you create an account with Xmarks and download the extension and sync you can get your bookmarks anywhere you have an internet connection. Great for those of us that work on multiple computers.

4. FireFTP

This extension turns your Firefox into an FTP client where you can upload and download your files from remote servers.

Download it here.

5. ScreenGrab

Another great tool! From their description:

Screengrab! saves entire webpages as images. Just right-click on the page you want to grab and look in the “Screengrab” menu.
It will capture what you can see in the window, the entire page, just a selection, a particular frame… basically it saves webpages as images – either to a file, or to the clipboard.

You can download it from here.

Your Turn

Do you agree with my choices or have any to add? Let me know!