Top Web Development Tools in Mozilla Firefox
posted: May 28 2011
Why I choose Mozilla Firefox over Google Chrome, well Mozilla is my personal choice in terms of Web Development because it doesn't heavily cache unlike in Google Chrome, well of course in terms of speed Google Chrome is best but in Web Development I will choose Firefox, because it has so many addons. well everyone of us has it's own personal choice :)
Note: This is in Random Order
- Web Developer
- Selenium IDE
- SEO Status PageRank/Alexa Toolbar
- CSS Reloader
- HTML Validator
- User Agent Switcher
- View Source Chart
Firebug: I usually used this as editing HTML and CSS on the fly, and especially the AJAX debugger. what POST and GET passed to the server and response it back to the user.
Selenium IDE: it serves as an Web Testing, usually I created a tons of test cases especially in the forms, where I need to validate, check errors, check if successful.
YSlow: This addons serves me to track how many request been made to the server. and what script should be minified and so on. YSlow is very popular addons.
Colorzilla: Photoshop like Eyedropper/Colorpicker it gives you Hexadecimal color and the good thing is you can choose color in your web browser.
SEO Status PageRank/Alexa Toolbar: track how many backlinks, google rank, google crawl to your website.
CSS Reloader: it's very useful especially when your website is very slow and you only changed your CSS, just click F9 and CSS is reload, of course there's other refresher like a "CSS Refresh".
User Agent Switcher: Useful when you are developing mobile phone such as android, windows phone, iOS.
View Source Chart: some of the website like to Compact or Compress their HTML in order to reduced filesize but View Source Chart gives you nice chart which doesn't care if your HTML is compress or not, the beauty of this is having a nice indention, color and let you expand and collapse certain part.