25 Must Have Firefox 4 Add-ons For Web Developers

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.

Don’t forget to Subscribe to our RSS-feed subscribe to our RSS-feed and Follow us on Twitter follow us on Twitter for recent updates.

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!

Download

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.

Download

3. EditCSS : Stylesheet modifier in the Sidebar. Very basic-wannabe CSS tester for your page.

Download

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.

Download

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.

Download

6. Firebug : Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

Download

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.

Download

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.

Download

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.

Download

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).

Download

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.

Download

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.

Download

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.

Download

14. Console2 : As of Firefox 1.5, the JavaScript Console is used not only for JavaScript errors, but for CSS errors as well. This extension takes this into account by providing a simple possibility to display errors by type.

Console² let’s you display errors filtered by type (Errors, Warnings, Messages), language (JavaScript, CSS, XML) and context (Chrome, Content). Furthermore it provides a simple search box (as seen in the History and Bookmarks sidebars), hiding of duplicates, sidebar optimizations, a customizable toolbar and some more accessibility improvements.

Download

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.

Download

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!

Download

17. HTML 5 Validator : This add-on adds a ‘HTML 5 Validator’ context menu item to a page’s context menu.

Download

18. Web Developer : The Web Developer extension adds various web developer tools to a browser.

Download

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.

Download

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.

Download

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.

Download

22. MeasureIt : Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.

Download

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.

Download

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.

Download

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.

Download

Don’t forget to Subscribe to our RSS-feed subscribe to our RSS-feed and Follow us on Twitter follow us on Twitter for recent updates.

If you liked this article, you may also like

12 Comments

  • Amazing… Thanks for share

  • [...] Read the original: 25 Must Have Firefox 4 Add-ons For Web Developers | WebTabLab.com [...]

  • This is probably the most extensive list of Firefox add-ons for web developers. I have seen, or used some of these in the past, but there are many that I will be using going forward. Thanks for the list.

  • Those are amazing for developers actually…right…

  • A powerful set of developer firefox tools indeed!

    Keep up the great work!

  • [...] If you still using Firefox 4, you can check our previous articles showcasing best Firefox 4 add-ons and must have Firefox 4 add-ons for web developers. [...]

  • [...]   原文:webtablab   译文:oschina [...]

  • Hello, i read your blog from time to time and i own a similar one
    and i was just curious if you get a lot of spam feedback?

    If so how do you protect against it, any plugin or anything you can advise?
    I get so much lately it’s driving me insane so any
    help is very much appreciated.

  • It’s a pity you don’t have a donate button! I’d certainly
    donate to this brilliant blog! I suppose for now i’ll settle
    forr bookmarking and adding your RSS feed to my Google account.
    I look forward to fresh updates and will talk about this site with
    my Facebook group. Chat soon!

  • As you may all know eight Ball Pool by Miniclip is the most significant and very best
    multiplayer Pool match online! It offers you the capability to engage in for cost-free against other
    opponents. It’s difficult to get coins when you really
    don’t have the eight Ball ultimate device 4.3 this is why you will need to have this device to show off in the multiplayer tournaments
    and can brag with the 8 ball final hack four.3 you had been able to get all types of cues and
    table pores and skin. With this eight Ball multiplayer cheat you ready to enter the pool store and
    acquiring everything to customize your profile to your eyes.
    With two clicks you will have Free Miniclip Credits,
    Limitless Cost-free eight Ball Multiplayer Pool Factors, Totally free 8 Ball Multiplayer Awards and very last but not least Totally free 8 Ball Pool Multiplayer Accuracy
    Hack. You will practically usually car-acquire your 8ball
    online games. With the 8 Ball Pool Greatest Hack 4.3, You will no
    more time have to invest your complete working day
    striving to earn all achievements or squander your useful funds on pool cues, tables or boosts!
    This eight Ball Multiplayer Hack will help save you
    treasured time by obtaining all what you desire in
    one simply click, You will be able to modify amount of cash you wish considerably.
    It delivers many attributes that no other instruments will supply.
    What are you ready for? Make the most of 8 Ball Pool Multiplayer!

  • Hurrah! At last I got a webpage from where I be capable of in fact get useful facts regarding my study and knowledge.

  • It’s truly a nice and helpful piece of info. I’m satisfied that you just shared this helpful info with us.

    Please stay us informed like this. Thank you for sharing.

Leave a comment

Get Latest Updates

Subscribe to our Email Newsletter and get latest WebTabLab News:

RECOMMENDATIONS

Data Recovery Software

Recover Deleted Files Mac

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.

Ads

Abeo! Communications
Google Analytics integration offered by Wordpress Google Analytics Plugin