30+ Substantial Firefox Addons for Web Developer
Here is a very useful list of Firefox Addons for Web developer. Firefox is very easy to use and also powerful and popular web browser. It is also my favorite web browser and Firefox use most of the web designers and developers. Why? One of the reasons is the huge amount of Firefox Addons that facilitate the work of web designers, for example, with some Addons you can check errors on your website and with others you can check how your website will looks at other browsers and with different screen size. For this reason, today we give you ultimate list of most important Firefox Addons for Web developer. Totally is this list we include more than 30 extremely useful Firefox Addons.
You May Be Interested In The Following Posts
This extension will allow you to easily control cookie permissions. It can be accessed from the statusbar, a toolbar button, or the context menu. Just click on the icon to allow, block, or temporarily allow the site to set cookies.
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 a set of X-FirePHP-Data response headers. This means that the debugging data will not interfere with the content on your page.
FireFTP is a free, secure, cross-platform FTP client for Mozilla Firefox which provides easy and intuitive access to FTP 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.
OperaView is Firefox addons that lets you check how your website looks in Opera browser. This addon open pages in Opera from Firefox context menus.
Get the feel of Dreamweaver in a Firefox extension. Edit your documents right next to your web pages as you surf.
Screengrab saves webpages as images. It will capture what you can see in the window, the entire page, just a selection, a particular frame… basically it saves webpages as images – either to a file, or to the clipboard.
IE Tab – an extension from Taiwan, features: Embedding Internet Explorer in tabs of Mozilla/Firefox. This is a great tool for web developers, since you can easily see how your web page displayed in IE with just one click and then switch back to Firefox.
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.
The Web Developer extension adds a menu and a toolbar to the browser with various web developer tools. After installing the extension there is a ‘Web Developer’ menu under the ‘Tools’ and context menu of the browser, as well as a new toolbar. It is designed for Firefox, Flock and Seamonkey, and will run on any platform that these browsers support including Windows, Mac OS X and Linux.
Draws a grid on top of a website. This is useful for checking designs that are supposed to follow a grid-based layout. Right click anywhere on a website, and go to GridFox > Toggle Grid. In the bottom right, you’ll see some buttons to help you create, edit and save a grid. You’ll also see some arrows which let you browse any existing grids for the site you’re looking at.
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.
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.
Add, modify and filter http request headers. You can modify the user-agent string, add headers to spoof a mobile request (e.g. x-up-calling-line-id) and much more.
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.
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.
EditCSS is a stylesheet modifier for sidebar. EditCSS makes this part really easy and well as intuitive attributed to its approach. It come with features like live inline previewing of styles and a unique grouping system, which is providing a lot of competition in this field because EditCSS is a bargain.
Open With Photoshop is a new companion for web designers, graphic designers and in general whom like to use Photoshop. Open With Photoshop send any web image via right click context menu to the Photoshop. It is valuable tool for time saving.
Color tools for web development. Colors can be tried out on websites by dragging a color area from the picker, inspector, or library to webpage content, or by selecting an element to paint with the color picker. Color values can be viewed in hex, rgb, and hsl CSS formats.
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.
The Professor X Extension let’s you see inside a page’s head without viewing the sourcecode. When applied to a page it will display the contents of the page’s head element, including Meta, Script and Style content. This can help you see how a website was constructed without having to go back and forth between the sourcecode and the page in your browser.
Source Charting is a User Interface useful for navigating the DOM at lightning speed. It is also an excellent visual aid for those learning HTML. View Source Chart users can take advantage of a built-in browser feature (Ctrl + -) which results in zooming out of Source Charts.
Domain Lookup is a Firefox extension that helps you discover valuable domain names while surfing the web. 60+ popular domain registrars are already supported.
This Add-on allows you to right-click any image on the web and extract the 12 most common colors from it. You can then build color schemes from the results as well as many other features on the ColorSuckr website.
Resize your browser to various standard resolution sizes. The Browser Window Resizer is useful for testing different screen sizes. It accurately resizes your browser so you can test to see what a web page looks like in all of the standard resolution sizes.
Perform multiple validations and take screen shots in one go. This 5-in-1 validator works with external, internal, or local web pages using the Total Validator service or local copy of the desktop tool.
Draw out a ruler to get the pixel width and height of any elements on a webpage.
Cool utility for cleaning up a page (for printing or better viewing) as well as for web development. Displays a red rectangle on the element under the mouse — hit “w” to go wider (get the containing element), then hit other keystrokes to remove
A developer tool for interacting with web services and other web resources that lets you make HTTP requests, set the entity body, and content type. This allows you to interact with web services and inspect the results.
The Load Time Analyzer allows developers to measure and graph how long web pages take to load in Firefox. Load Time Analyzer produces graphs that show the occurrence of events such as requests for the page, images, stylesheets and scripts, along with events like the execution of an onload script.
Check the validity of links on any webpage.
View Dependencies adds a tab to the Page Info window, in which it lists all the files which were loaded to show the current page.