
Firefox is web developers and designers favorite browser and designers and developers make there designing and development more productive and innovative with the firefox add-ons. Very handy and useful, these add-ons can really help the web professionals in there projects releated to web design and development. Design to facilitate and make your work more easier, i compile some of the best and top rated firefox add-ons to make your firefox browser more advanced and with full fo useful features and add-ons.
View Source Chart
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.
![]()
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.
![]()
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.
![]()
Flagfox
Flagfox is an extension that displays a flag icon indicating the current webserver’s physical location. Knowing where you’re connected to adds an extra layer of awareness to your browsing and can be useful to indicate the native languages and legal jurisdictions that may apply. Additional information can be obtained via a multitude of external lookups and users can add their own custom actions. All actions can be added to the flag icon’s context menu and set to icon click or keyboard shortcuts for quick access.
![]()
ImTranslator
Online Translator performs real-time translation for Albanian, Arabic, Bulgarian, Catalan, Chinese (Simp.), Chinese (trad.), Croatian, Czech, Danish, Dutch, English, Estonian, Filipino, Finnish, French, Galician, German, Greek, Hebrew, Hindi, Hungarian, Indonesian, Italian, Japanese, Korean, Latvian, Lithuanian, Maltese, Norwegian, Polish, Portuguese, Romanian, Russian, Serbian, Slovak, Slovenian, Spanish, Swedish, Thai, Turkish, Ukrainian, Vietnamese languages and their combinations.
![]()
Stylish
Stylish lets you easily manage user styles. Add, delete, enable, disable, and organize with a few clicks of a mouse, no code to edit, no obscure configuration to find. Stylish’s companion website, userstyles.org, hosts tens of thousands of user styles made by other Stylish users that you can try.
![]()
FoxyProxy Standard
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.
![]()
FireFTP
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!
![]()
ColorfulTabs
The most beautiful yet the simplest add-on that makes a strong colorful appeal. Colors every tab in a different color and makes them easy to distinguish while beautifying the overall appearance of the interface.
![]()
iMacros for Firefox
Automate Firefox. Record and replay repetitious work. If you love the Firefox web browser, but are tired of repetitive tasks like visiting the same sites every days, filling out forms, and remembering passwords, then iMacros for Firefox is the solution you’ve been dreaming of! ***Whatever you do with Firefox, iMacros can automate it.
![]()
Modify Headers
Add, modify and filter http request headers. You can modify the user-agent string, add headers to spoof a mobile request and much more.
![]()
FireShot
FireShot is a Firefox extension that creates screenshots of web pages (entirely or just visible part). Unlike other extensions, this plugin provides a set of editing and annotation tools, which let users quickly modify web captures and insert text annotations and graphical annotations. Such functionality will be especially useful for web designers, testers and content reviewers.
![]()
Edit Cookies
Update, add, or delete cookies live. No more page refreshes or editing text files. Edit Cookies allows you to change cookies from a convenient screen. Great for web site testing, particularly security tests!
![]()
MeasureIt
Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.
![]()
FlashFirebug
Debug your own SWF files inside the browser. Edit properties and inspect elements like you do to HTML. Redirect trace output to the extension. This extension requires Firebug extension and embedding the O-Minds package.
![]()
Autofill Forms
Autofill Forms enables you to fill out web forms with one click or a keyboard shortcut.
![]()
Quick Locale Switcher
Allows you to quickly switch to a different language (User Interface, Spell Checker Dictionary and Website content) in your Mozilla application.
![]()
HTML Validator
HTML Validator is a Mozilla extension that adds HTML validation inside Firefox and Mozilla. The number of errors of a HTML page is seen on the form of an icon in the status bar when browsing.
![]()
CodeBurner for Firebug
CodeBurner is a Firefox add-on that integrates with Firebug, to extend it with reference material for HTML and CSS.
![]()
FireQuery
Firebug plugin for jQuery development




















Pingback: 20 Must Have Firefox Add-Ons for Web designers and Developers | WebDesignFM « freakinthecage
Pingback: 20 Must Have Firefox Add-Ons for Web designers and Developers | Design News