Monday, April 12, 2010 10:14 PM
Tanzim Saqib
10 Firefox addons Web Developers and QA cannot live without
This post was long overdue. I always wanted to thank the guys who put extraordinary effort and passion for making our lives easier everyday, without requiring anything at all in return. Here’s a list of 10 Firefox addons I cannot live without. I would like to thank the developers, testers and whoever is behind these free tools. You have done a really good job and literally managed to change our lives.
1. Screengrab
Capture full webpage even though you cannot see it. You can also select from visible portion before you save as image. That way, image editors are optional to do just that.
2. GreaseMonkey
Execute your JavaScript on external site. You can customize sites as per your need by manipulating the DOM elements, redirecting to other sites, refreshing page to keep alive the session. You can find wealth of such scripts at: http://userscripts.org/
3. View Source Chart
This addon lets you view source exceptionally better than Firefox’s default viewer. See the difference below. Right click on a page and View Source Chart.
4. Measure It
Ruler for your produced HTML to help you make it pixel-perfect.
5. ColorZilla
Get that color code. You do not have to capture, save, open with Photoshop and pick colors. You can do it all using this addon.
6. Web Developer
Amazing *powerful* addon for Web Development. Just install it now if you haven’t already!!
7. ScrapBook
Anontate webpages, save and share using ScrapBook. You can use sticky notes, highlight text and add comment. Handy tool for QA, and often good for change requests.
8. Firebug
Finally the legend. No words can appreciate as much as they deserve. This is the world’s most powerful web development tool. This stunning tool you can use for looking into the web transactions, headers, responses, cookies. You can also profile them. Using its amazing powerful HTML selector, you can manipulate DOM elements, styles, and see them reflected on the fly. Set breakpoints, and debug JavaScript.
9. FireCookie
An extension of Firebug, allows you to see the cookies. You can also export them.
10. YSlow
This is an excellent extension of Firebug from Yahoo. It points out the rooms for improvement in your webpage by verifying and suggesting the best practices. Excellent reporting and elaborate guidelines, help you to score “A”s from many obvious “F” grades you are going to see your webpage is scoring.
Happy Web Development!
Filed under: Look and Feel, Web Development