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.

One comment

Leave a Reply

Your email address will not be published. Required fields are marked *