Recommended Firefox Add-ons for Web Design

Mozilla Firefox is my web browser of choice and I’ve been using it since its early days, before it even had this name. One of the reasons that I like Firefox is the amount of high quality add-ons that are available. They make my life so much easier and they also increase my productivity. However, there are so many add-ons out there that it might be difficult to pick out which ones are good. So, I’ve compiled a list of add-ons that I use and recommend for web design. If you are a web designer, you should already be familiar with these, but I still wanted to share this list for those who are interested in or have just started getting into web design.

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.

Add Firebug to Firefox | Official Website

2. YSlow

YSlow analyzes web pages and why they’re slow based on Yahoo!’s rules for high performance web sites.

Add YSlow to Firefox | Official Website

3. Page Speed

Page Speed is an open-source Firefox/Firebug Add-on. Webmasters and web developers can use Page Speed to evaluate the performance of their web pages and to get suggestions on how to improve them.

Official Website

4. Web Developer

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

Add Web Developer to Firefox | Official Website

5. FireFTP

FireFTP is a free, secure, cross-platform FTP client for Mozilla Firefox which provides easy and intuitive access to FTP servers.

Add FireFTP to Firefox | Official Website

6. ColorZilla

ColorZilla assists web developers and graphic designers with color related tasks – both basic and advanced.

Add ColorZilla to Firefox | Official Website

7. Screengrab

Screengrab! is an extension that makes it easy to save a web-page as an image

Add Screengrab to Firefox | Official Website