Dec 27, 2010

Top 22 Firefox Add-ons for Web Designers & Developers

In my previous post, i have explained my favorite free online tools for web designer and developer. In this Post, I am going to explain about my favorite Firefox add-ons for rapid web designing and development. Firefox Add-on is more quicker than online tools because it is attached with the browser. See following list of Firefox add-ons I use:


  1. Adblock Plus - helps to get rid of unnecessary ads and banners, to browse web pages much faster.
  2. WebDeveloper - tools for analyzing, validating and optimizing web-pages.
  3. FireBug - edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.
  4. FireFinder - finds HTML elements matching chosen CSS selector(s) or XPath expression
  5. FireQuery - a collection of Firebug enhancements for jQuery
  6. FirePHP - find out what PHP code in the backend does to pages on display in Firefox browsers.
  7. ColorZilla - offers an advanced eyedropper, colorPicker, page Zoomer and other colorful goodies.
  8. CSSViewer - view CSS properties of related page elements
  9. MeasureIt - to draw a ruler across any webpage to check the width or height of a element.
  10. Total Validator - check HTML, links and performs accessibility validation (WCAG, US-508), broken link checking, spell checking (in five different languages), and take screen captures via different web browsers and operating systems to see how your web pages look.
  11. YSlow - analyzes web pages and tells you why they’re slow based on the rules for high performance web sites. Alternate is Google Page Speed
  12. Greasemonkey - to customize the way a web page displays using small bits of JavaScript;
  13. SEO for Firefox - You can get Alexa, Google PageRank, Tehnorati rankings and many other useful data
  14. FireShot - creates screenshots of web pages with a set of editing and annotation tools.
  15. Read It Later - web pages can be marked with single click for later reading.
  16. Readability - rip off the unnecessary information to make content more visible.
  17. Phoenix - real time syntax highlighting which allows edit, run and test CSS, HTML and JavaScript code.
  18. Zotero - to help you collect, manage, and cite your research sources.
  19. Page Diff - helps web developers and designers see HTML source code differences between web pages
  20. FireFTP - OS independent FTP application.
  21. Google Toolbar - Share and contribute to web pages with Toolbar
  22. Diigo Toolbar - social bookmarking and annotation service on the web

Enjoy it and share your thoughts in the below comment box.