Web Design Tutorials and Inspiration | Learn Photoshop Online | Creative Inspiration | Web Resources

17 Must Have Firefox Add-ons for Web Designers and Developers

Posted on 09. Nov, 2009 by bmackler in Resources

These days its safe to say that Firefox is the most popular browser among web designers and developers. With such a crowded browser field, staying at the top of the heap takes alot of work.  One of the leading factors that make Firefox the preferred browser is it’s massive library of great plugins and extensions, most of which enhance your browsing experience. Among this list of add-ons, are many important ones for both web designers and developers, and if used, will make their work flow easier and more productive.

Lets look at these 17 must have add-ons.

CSS Viewer

Ever been on a site that had some nifty CSS tricks that you loved and wished you knew how they did it? With this extension you are able to view the css properties.

CSS Viewer - Must Have Firefox Plugin

Palette Grabber

This extension will create a color palette exportable to all major image editing apps, including, Photoshop, Paint Shop Pro,  Fireworks and others based on the current page.

Palette Grabber - Must Have Firefox Plugin

Measure It

This extension gives you the ability to draw out a ruler to get the pixel width and height of any elements of a web page

Measure It- Must Have Firefox Plugin

Window Resizer 1.0

The Browser Window Resizer Extension comes in handy for testing different screen sizes and monitor resolutions. It quickly and accurately resizes your browser so you can test to see what a web page looks like in all of the standard resolution sizes. Supports all major screen resolutions from 640×480 up to 1600×1200.

Window Resizer - Must Have Firefox Plugin

Web Developer 1.1.8

The Web Developer extension adds a menu and a toolbar to the browser with various web developer tools.

Web Developer - Must Have Firefox Plugin

Firebug

Firebug is considered the ultimate developers tool for Firefox.  Built in to this add-in you are given a ton of web development tools to use from your browser. You can explore, edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

Firebug - Must Have Firefox Plugin

SeoQuake

Extension that is aimed at anyone who cares about search engine optimization and related internet promotion of a web site. Seoquake gives various SEO parameters on the fly and saves them for future work

SEO Quake - Must Have Firefox Plugin

Page Diff

This extension helps web developers and designers to see HTML-code(text) differences between web pages which can assist in fixing coding irregularities.

Page Diff - Must Have Firefox Plugin

IE Tab

This great extension for web developers allows you to switch back and forth from IE and Firefox web renderings with a click of a button directly in Firefox. This allows you to test and compare how each browser renders your html.

IE Tab - Must Have Firefox Plugin

Greasemonkey

The Greasemonkey Firefox extension allows you to alter the layout of any webpage using small snippets of JavaScript. There are hundreds of scripts that you can download from the net giving this tool alot of powerl. Greasemonkey can be used for adding new functions to web pages (for example, embedding price comparison in Amazon.com web pages), fixing rendering bugs, combining data from multiple webpages, and numerous other purposes.

Greasemonkey - Must Have Firefox Plugin

Codetch

Codetch gives you the feel of Dreamweaver in a Firefox extension. Edit your documents right next to your web pages as you surf.

Codetch - Must Have Firefox Plugin

FireFTP

FireFTP is a streamlined cross-platform Firefox extension for uploading files. It offers several advantages to stand-alone FTP applications, such as its operating system-independent requirements. Better than most standalone ftp applications, this browser plugin has all the features you would expect from its third party competition.

FireFTP - Must Have Firefox Plugin

Platypus

Considered to be one of the best Firefox extensions for those who want to modify a webpage. Works with Greasemonkey to adapt scripts and then saving them to the browser and this new page would be loaded the next time they visit the page.

Platypus - Must Have Firefox Plugin

FireShot

FireShot is a Firefox extension that creates an automatic screenshots of your web page.
This plugin also provides a set of editing and annotation tools, which let users quickly modify captures and insert text and other notes. This is especially useful for web designers and content reviewers.

Fireshot - Must Have Firefox Plugin

Aardvark

Aardvark is a powerful and easy to use utility for selecting elements and performing various actions on them.  Included in the many things it can do are; cleaning up a page prior to printing it, for making the page more readable, and for analyzing the structure of a page.

Aardvark - Must Have Firefox Plugin

Color Zilla

ColorZilla is an incredibly simple and very useful Firefox extension. If there has ever been a time that you wanted to determine what colors are used on a Web page, ColorZilla is the perfect tool for the job. It adds an eyedropper icon to the bottom-left corner of Firefox.

ColorZilla - Must Have Firefox Plugin

Font Finder 0.5c

With this extension you can highlight any text on your page and then right click to click on “Font Finder” to get all of the styling information for that section.

Font Finder - Must Have Firefox Plugin

Tags: best firefox plugins, best of the web, browser plugins, Resources, web development, webdesign, websites