Back in March 2010, Mozilla launched one of the most advanced version of their browser called Firefox 4 that has been downloaded by millions of people in just 2 months. With the release of Firefox new version, there are many features that has been talk of the town such as Improved HTML5, Better CSS support, New CSS properties, More Audio and Video support, Fast Rendering, Speed Improvement, Built-in Developer tool and much more.
Personally, I like the new version of Firefox 4 because of its minimal look and speed enhancements. But, as you all know that every good thing is not perfect and this is same in the case of Firefox 4.
When you use Firefox you will find some quirks that surely annoyed you such as Google search box, blurry fonts, add-on bar and others. However, I founded some easy tweaks to overcome such problems that you can find in our previous post – 5 super easy tweaks to fix Firefox 4 user interface annoyances. I am sure it will make your working experience much better with the new version of Firefox.
As Firefox is a popular browser, there are millions of web developers too that use Firefox around the world. The main reason behind popularity of Firefox among web developers is the community that develop tons of Firefox add-ons which makes web developing easier.
After release of Firefox 4, everyone starts the search for Firefox 4 add-ons for web development. So, in this article, I thought to come up with the article showcasing some of best Firefox 4 add-ons for web developers that will make your work easier and simpler.
Alternatively, you check our previous article on best Firefox 4 add-ons to make your browsing experience much greater than ever before. And for now, have a look on WebTabLab compilation of 25 most valuable Firefox 4 add-ons for web developers.
If you know any other Firefox 4 add-on that you use for web developing, please be kind and share with our readers in the comments section below.
1. Fire FTP : FireFTP is a free, secure, cross-platform FTP/SFTP client for Mozilla Firefox which provides easy and intuitive access to FTP/SFTP servers.
Along with transferring your files quickly and efficiently, FireFTP also includes more advanced features such as: directory comparison, syncing directories while navigating, SFTP, SSL encryption, search/filtering, integrity checks, remote editing, drag & drop, file hashing, and much more!
2. IE Tab 2 : Just like the classic IE Tab, this updated version of IE Tab allows you to use IE to display web pages in a tab within FireFox. This updated version includes support for FireFox 3.6 and will continue to be updated with new features and enhancements.
3. EditCSS : Stylesheet modifier in the Sidebar. Very basic-wannabe CSS tester for your page.
4. View Source Chart : Inspect the DOM at lightning speed and learn HTML at lightning speed. Eyesight is the most efficient way for the human brain to process information. By placing visual boundaries where they already exist invisibly, Source Charting enables you to take in DOM structure and hierarchy as fast as your brain possibly can.
5. Mobilify : It slims
down the content of pages and applies a phone frame to better simulate the Firefox Mobile UI for iterative local development. Mobilify places an icon in your Addon Bar that lets you switch a page into “mobile” mode- narrowing the <body> to 320px, darkening the surrounding content, and placing your content in a mobile phone ‘frame’. Simply click the ‘widescreen’ icon to enable mobile mode, and click again to disable.
7. CodeBurner for Firebug : CodeBurner is a Firefox add-on that integrates with Firebug, to extend it with reference material for HTML and CSS. The extension’s core functionality is centered around a new Reference panel, which contains a search tool for looking up HTML elements, attributes, and CSS properties.
The extension also hooks into context-menus in the HTML and CSS panels, the DOM crumbtrail, and the Inspector, adding options to look up a selected item (ie. search for it in the Reference panel) or to view a code example.
8. Firepicker for Firebug : This add-on adds a small color picker dialog when editing a CSS rule in Firebug. The addon scans for values that can be parsed as CSS colors (#abc, rgb(1,2,3), blue, red etc.) and displays them in a drop-down list right below the firebug’s CSS editor box. Clicking on the color value in the drop-down brings up a color picker dialog.
9. Adobe BrowserLab for Firebug : Launch Adobe BrowserLab directly from Firebug, to preview temporary changes you’ve made using Firebug. BrowserLab generates screenshots of your pages (public or behind a firewall) in multiple browsers.
10. FirePath For Firebug : FirePath is a Firebug extension that adds a development tool to edit, inspect and generate XPath 1.0 expressions, CSS 3 selectors and JQuery selectors (Sizzle selector engine).
11. FoxyProxy Standard : FoxyProxy is an advanced proxy management tool that completely replaces Firefox’s limited proxying capabilities. FoxyProxy is a Firefox extension which automatically switches an internet connection across one or more proxy servers based on URL patterns.
Put simply, FoxyProxy automates the manual process of editing Firefox’s Connection Settings dialog. Proxy server switching occurs based on the loading URL and the switching rules you define.
12. HTML5toggle : This add-on provides a button which makes it easy to turn on or off the HTMl5 support in Firefox 4. Given that HTML5 support is still evolving, some websites do not work as expected when HTML5 support in Firefox 4 is enabled. For example many early adopters of Firefox 4 have problems with Hotmail. Turning off HTML5 support enables such users to use their Hotmail accounts.
13. Total Validator : All new HTML5 and XHTML5 validation. Provides true HTML validation for HTML 2.0 through to XHTML 1.1 using the official DTDs, plus added attribute and other tests. So you no longer have to put up with the limitations of the W3C validator (no type checking) and tools like HTML Tidy which interpret the standards incorrectly as they don’t use the official DTDs.
15. Screenshot Pimp : Screenshot Pimp creates an image of whatever is inside you’re web browser. So whether your checking out a new website, a web app, or simply want want to archive what you see in your browser window to disk, Screenshot Pimp is a must have for both beginner and advanced users.
Screenshot Pimp is a lot more than just regular screen grabber or a screen shot utility. It has the ability to not only capture the part of the website that you see, but also the rest of the website that you have not scrolled down to yet. So whether the part of the website you don’t see has more text, or an image, or even flash content that is just too big to fit on the page without shrinking or scrolling, Screenshot Pimp allows the user to grab it in multiple formats, and save it to your hard drive.
16. iMacros for Firefox : iMacros was designed to automate the most repetitious tasks on the web. If there’s an activity you have to do repeatedly, just record it in iMacros. The next time you need to do it, the entire macro will run at the click of a button!
With iMacros, you can quickly and easily fill out web forms, remember passwords, create a webmail notifier, download information from other sites, scrape the Web (get data from multiple sites), and more. You can keep the macros on your computer for your own use, or share them with others by embedding them on your homepage, blog, company Intranet or any social bookmarking service. The uses are limited only by your imagination!
17. HTML 5 Validator : This add-on adds a ‘HTML 5 Validator’ context menu item to a page’s context menu.
18. Web Developer : The Web Developer extension adds various web developer tools to a browser.
19. CSS Reloader : CSS Reloader is a browser extension for Mozilla Firefox and Google Chrome, that allows you to reload all the CSS of any site without you have to reload the page itself. The goal for this browser extension is to enable developers to become more productive.
20. Mobile Toolkit : MobileToolkit helps you to validate the code of any page, check it on several mobile emulators and find documentation to improve your mobile compatibility.
21. YSlow : YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages. YSlow is a Firefox add-on integrated with the Firebug web development tool.
YSlow grades web page based on one of three predefined ruleset or a user-defined ruleset. It offers suggestions for improving the page’s performance, summarizes the page’s components, displays statistics about the page, and provides tools for performance analysis, including Smush.it™ and JSLint.
22. MeasureIt : Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.
23. Selenium IDE : Selenium IDE is an integrated development environment for Selenium scripts. It is implemented as a Firefox extension, and allows you to record, edit, and debug tests. Selenium IDE includes the entire Selenium Core, allowing you to easily and quickly record and play back tests in the actual environment that they will run.
24. ColorZilla : With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program. You can Zoom the page you are viewing and measure distances between any two points on the page. The built-in palette browser allows choosing colors from pre-defined color sets and saving the most used colors in custom palettes. DOM spying features allow getting various information about DOM elements quickly and easily.
25. FirePHP : FirePHP enables you to log to your Firebug Console using a simple PHP method call. FirePHP is ideally suited for AJAX development where clean JSON or XML responses are required. All data is sent via response headers. This means that the debugging data will not interfere with the content on your page.
If you liked this article, you may also like
Leave a comment
Get Latest Updates
VoIP Services for Businesses
In today's market business owners find themselves making very important decisions. With countless Voip phone service providers it is essential to choose the best one. This has proven to be a difficult task and for that reason it is important to learn about business phone systems and what they have to offer. Understand your requirements may they be a answering service, an internet fax or a 1800 number then choose a package that suits your business best.