Mozilla Firefox is on of the best browser in web designing world. Also there are some people who like Google chrome. But no one can defeat Firefox because of its performance, feature and most striking is the add-on. There are large numbers of programmer who provides additional features for Firefox through add-on including Mozilla itself.
For example you can easily view code and edit your webpage in firebug. Find compatibility with IE without opening IE using IE tab. In this article you will find 10 very useful add-on for Mozilla which can increase the productivity of web developers.
1. 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.
2. IE Tab V2
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. Font Finder
FontFinder is created for designers, developers and typographers. It allows a user to analyze the font information of any element on a page, copy any piece(s) of that information to the clipboard, and perform inline replacements to test new layouts.
4. 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. The powerful CSS gradient generator allows quick and easy creation of beautiful gradients.
5. 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.
6. Php Developer toolbar
A Tool Bar developed for PHP programmers. Allows you to search in multiple websites, access communities of developers and projects.
With shortcuts you can quickly see function descriptions or search into official websites. It also provides you links to many interesting tools, all made in PHP or for PHP, and access to PHP User Groups all around the world.You can also generate classes and HTML forms easily, with the native PHP Generator Tool, added to this add-on.
7. Cookie Importer
Imports cookies from a text file, that has the Netscape standard format as used by IE and others. Very useful in combination with the Cookie Exporter add-on.
8. Web Developer
The Web Developer toolbar is a must-have for web developers (arguably better than Firebug).
One of the features is showing all CSS / JavaScript (inline and external!) of the current page. Each slice can be collapsed, so that you don't have to scroll through a big wall of text before finding the desired line of code. Unfortunately, the NoScript extension disables this feature.
9. Illuminations for Developers for Firebug
A set of tools to help you develop web applications by investing Firebug with the knowledge of the JS framework you are working with. Supports ExtJS and Sencha Touch, with beta-level support for Dojo Toolkit, SproutCore, qooxdoo, YUI, Google Closure Library, and jQuery UI.
For example you can easily view code and edit your webpage in firebug. Find compatibility with IE without opening IE using IE tab. In this article you will find 10 very useful add-on for Mozilla which can increase the productivity of web developers.
1. 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.
2. IE Tab V2
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. Font Finder
FontFinder is created for designers, developers and typographers. It allows a user to analyze the font information of any element on a page, copy any piece(s) of that information to the clipboard, and perform inline replacements to test new layouts.
4. 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. The powerful CSS gradient generator allows quick and easy creation of beautiful gradients.
5. 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.
6. Php Developer toolbar
A Tool Bar developed for PHP programmers. Allows you to search in multiple websites, access communities of developers and projects.
With shortcuts you can quickly see function descriptions or search into official websites. It also provides you links to many interesting tools, all made in PHP or for PHP, and access to PHP User Groups all around the world.You can also generate classes and HTML forms easily, with the native PHP Generator Tool, added to this add-on.
7. Cookie Importer
Imports cookies from a text file, that has the Netscape standard format as used by IE and others. Very useful in combination with the Cookie Exporter add-on.
8. Web Developer
The Web Developer toolbar is a must-have for web developers (arguably better than Firebug).
One of the features is showing all CSS / JavaScript (inline and external!) of the current page. Each slice can be collapsed, so that you don't have to scroll through a big wall of text before finding the desired line of code. Unfortunately, the NoScript extension disables this feature.
9. Illuminations for Developers for Firebug
A set of tools to help you develop web applications by investing Firebug with the knowledge of the JS framework you are working with. Supports ExtJS and Sencha Touch, with beta-level support for Dojo Toolkit, SproutCore, qooxdoo, YUI, Google Closure Library, and jQuery UI.
10. Scroll Up Folder
Goes up a folder of a website. Usage: place mouse over urlbar, scroll wheel up or down. Middle click bar to go. If you prefer use your keyboard, go to urlbar (CTRL+L shortcut or click onto) then press ALT. A window will display available urls. Press UP or DOWN to navigate then valid with ALT. Note: you can still type your url.
