Archive for the ‘Browser Tools or Add-Ons’ Category

Favorite Firefox Extensions for Web Designers

August 13th, 2009 3 comments

I am a huge fan of the Firefox browser, not just for its stability, but also for its numerous add-ons that make for a truly customizable experience. For web-developers or anyone who works with websites there is a myriad of add-on choices at your fingertips. While there are many more options than what I have listed here, these are some of my favorites that I use on a daily basis.


1. Web Developer Extension

The Web Developer extension has a number of essential tools that allow for easy troubleshooting and code checking within the Firefox browser. After installation a toolbar and menu will be added to your browser with multiple web developer tools such as: clear session cookies, element information, image file sizes, & ruler. One of its best features is the CSS editor. Want to try a different font, color, background, margin, etc., just open the CSS editor to edit CSS on the fly and see changes instantly.


2. Colorzilla

Colorzilla is an advanced Eyedropper tool that takes all the guesswork out of identifying a particular color on a web page. This extension allows users to obtain color readings from anywhere within a browser window for use in other programs. It also has a built-in palette browser allowing for the creation of custom palettes based on other web pages. Color readings are shown in both RGB and Hex formats.


3. MeasureIt

MeasureIt is a Firefox add-on that allows users to draw out a box measuring the height and width of any element, or anything for that matter, on a webpage.


4. FireShot

FireShot allows for the creation of screenshots of visible or entire web pages. After a screenshot has been copied to the clipboard the image can be copied to another program or its built in editor has options for copying, editing, annotating, and saving.


5. Personas for Firefox
For those looking for more than the usual drab gray browser window check out Personas for Firefox. Personas allows you to customize the look of your browser with hundreds of artist created skins or for those looking for the truly personal touch you can create your own.

Firefox is an award winning browser that has tons of add-ons that allow users to customize their browser to their own unique browsing needs.