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

Submitted by Adelle Frank on December 23, 2008
in

Here's a list of some of the most useful Firefox extensions: the top 5 for web developers and designers, 4 for everyone, and 9 untested - but possibly useful - extensions.

5 ESSENTIAL Firefox extensions for Developers

  • 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
  • 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
  • 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.
  • 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

4 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.
  • Noscript - allow active content (like javascript) to run only from sites you trust, and protect yourself against XSS and Clickjacking attacks.

9 Untested Firefox extensions for Developers

  • SeoQuake - obtain and investigate many important SEO parameters.
  • Firefox Accessibility - test web resources for accessibility features
  • ColorZilla - Advanced Eyedropper, ColorPicker, Page Zoomer and etc.
  • View Source Chart - draws a color-coded chart of a web page's source code
  • TinyUrl Creator - shrink long URLs into much shorter URLs that are easier to email or type in.
  • PDF Download - save web page as PDF
  • iMacros - automate tasks in Firefox, record and replay repetitious work
  • LOOP to PDF - upload, convert and combine your files to PDF
  • Evernote web clipper - screen capture only selected portions of web pages

For more great Firefox extensions

Comments

Post new comment

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

More information about formatting options

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
Image CAPTCHA
Enter the characters shown in the image.