Written by Nathaniel Deal
Mozilla Firefox has always been considered a “user-friendly” browser, but with all the customizable extensions, it has become probably the most “web developer-friendly” browser as well. These are our top 10 free firefox plugins for web designers. Please share.
The Web Developer extension adds a menu and a toolbar to the browser with various web developer tools. 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.
Want to know why Google or Yahoo! ranks pages? If so this is the Firefox extension for you. SEO for Firefox pulls in many useful marketing data points to make it easy get a holistic view of the competitive landscape of a market directly in the search results.
3. NoScript
Winner of the “2006 PC World World Class Award”, NoScript provides extra protection to your Firefox. It allows JavaScript, Java and other executable content to run only from trusted domains of your choice, e.g. your home-banking web site, and guards the “trust boundaries” against cross-site scripting attacks (XSS). Such a preemptive approach prevents exploitation of security vulnerabilities (known and even unknown!) with no loss of functionality.
4.Fireshot
FireShot is a Firefox extension that creates screenshots of web pages. Unlike other extensions, this plugin provides a set of editing and annotation tools, which let users quickly modify captures and insert text and graphical annotations. Such functionality will be especially useful for web designers, testers and content reviewers. It’s possible to choose whether entire web page or only visible part of this page should be captured. Screenshots can be uploaded to server, saved to disk (PNG, GIF, JPEG, BMP), printed (NEW!), copied to clipboard, e-mailed and sent to external editor for further processing.
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.
6. 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.
7. Font Finder
Font Finder is designed for any web developer / designer that needs to find out the CSS information of any text on the page.
Simply highlight any text element, right-click, and choose font finder. An alert box will appear with all of the styling information you could require including font-size, font-family, color (in both hex and RGB), line-height, letter-spacing, and much much more....
DownThemAll is all you can desire from a download manager: it features an advanced accelerator that increases speed up to 400% and it allows you to pause and resume downloads at any time. DownThemAll is fast, reliable and easy-to-use! It lets you download all the links or images contained in a webpage and much more: you can refine your downloads by fully customizable criteria to get only what you really want!
9. MeasureIt
Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.
10. IE Tab
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.
