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:
- Adblock Plus – helps to get rid of unnecessary ads and banners, to browse web pages much faster.
- WebDeveloper – tools for analyzing, validating and optimizing web-pages.
- FireBug – edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.
- FireFinder – finds HTML elements matching chosen CSS selector(s) or XPath expression
- FireQuery – a collection of Firebug enhancements for jQuery
- FirePHP – find out what PHP code in the backend does to pages on display in Firefox browsers.
- ColorZilla – offers an advanced eyedropper, colorPicker, page Zoomer and other colorful goodies.
- CSSViewer – view CSS properties of related page elements
- MeasureIt – to draw a ruler across any webpage to check the width or height of a element.
- 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.
- 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
- Greasemonkey – to customize the way a web page displays using small bits of JavaScript;
- SEO for Firefox – You can get Alexa, Google PageRank, Tehnorati rankings and many other useful data
- FireShot – creates screenshots of web pages with a set of editing and annotation tools.
- Read It Later – web pages can be marked with single click for later reading.
- Readability – rip off the unnecessary information to make content more visible.
- Phoenix – real time syntax highlighting which allows edit, run and test CSS, HTML and JavaScript code.
- Zotero – to help you collect, manage, and cite your research sources.
- Page Diff – helps web developers and designers see HTML source code differences between web pages
- FireFTP – OS independent FTP application.
- Google Toolbar – Share and contribute to web pages with Toolbar
- Diigo Toolbar – social bookmarking and annotation service on the web
Enjoy it and share your thoughts in the below comment box.
I think measure it is quite handy tool…Thanks for sharing this awesome list