10 Firefox Extensions Every Designer Should Know
There are very rare designers who doesn’t use Mozilla Firefox in fact it’s very popular among professional web designers and developers. It is just because of its large library of extensions that makes a happy user experience. Also it makes your workflow quicker and productive.
In our today’s post we bring you a list of useful Firefox extensions for web designers that will definitely makes a big difference.
Web Developer
The Web Developer extension adds various web developer tools to a browser.
Firebug
Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.
MeasureIt
Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.
ColorZilla
Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies.
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.
CSS Usage
CSS Coverage is an extension for Firebug which allows you to scan multiple pages of your site to see which CSS rules are actually used in your site.
IE Tab V2
Just like the classic IE Tab, this updated version of IE Tab allows you to use IE to display web pages in a tab within FireFox.
FireShot
FireShot creates screenshots of web pages entirely.
Page Speed
Page Speed is a web-based tool that allows users to analyze pages at any time, in any browser, without downloading an extension. It also features Page Speed Mobile analysis, which lets developers analyze their site as viewed by a mobile browser, and get suggestions specific to mobile optimization.
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.
Window Resizer
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. Supports the 640×480, 800×600, 1024×768, 1280×800, 1280×1024, 1600×1200 resolutions. Resize the current page via the Context menu, Tool menu or Toolbar button.
