Best 5+ Firefox add-ons for web developers and designers

Mozilla Firefox LogoHere's a list of some of the most useful Firefox extensions: the top 5 for web developers and designers, 3 for everyone, and a few more untested - but possibly useful - extensions.




5 ESSENTIAL Firefox extensions for Developers

  • Firebug - trace the CSS impacting each element; change it and view changes in browser
  • Fireshot - capture the visible screen or entire page and edit/save the image: particularly great for before and after shots of changes you're making to sites
  • IE Tab - open a page in an Internet Explorer tab and test your designs for IE browser, but requires you to have IE installed on your computer
  • Web Developer toolbar - see web site sans CSS; outline elements; alter CSS on the fly; view in small screen mode; show alt tags; remove images; use the ruler to measure the size of areas; validate code; get site color scheme in hex values
  • Yellowpipe Lynx Viewer - right-click and see a text-only version of your page: helpful for determining accessibility and for seeing your pages the way search engines do.

3 Firefox extensions for EVERYONE

  • Delicious bookmarks - bookmarks that are accessible anywhere via the web, and can be synced in multiple web browsers on multiple computers. I particularly enjoy the favorite tags feature in my tool bar
  • FlashGot - download all or selected links/files from a web page with ONE click.
  • Zotero - fabulously free way for students of life to collect, manage, and cite your research sources online.

Untested Firefox extensions for Developers

  • TinyUrl Creator - shrink long URLs into much shorter URLs that are easier to email or type in.
  • SeoQuake - obtain and investigate many important SEO parameters.
  • Firefox Accessibility - test web resources for accessibility features
  • ColorZilla - Advanced Eyedropper, ColorPicker, Page Zoomer and etc.

For more great Firefox extensions