Mozilla Firefox is a very popular browser, especially among web designers and developers. Here is a list of firefox plugin for you . If used, it will make your workflow quicker and more productive.

1. Pixel Perfect

Pixel Perfect is a Firefox/Firebug extension that allows web developers and designers to easily overlay a web composition over top of the developed HTML.

2. 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.

3. Code Burner

CodeBurner is a suite of tools for web developers, that provides reference material for HTMLand CSS, integrated with a range of popular development environments.

4. Fire Rainbow

Fire Rainbow is a simple Firebug extension that fills in a sorely desired function: code syntax highlighting. FireRainbow colorizes JavaScript, CSS, and HTML for improved readability of code being reviewed or inspected in Firebug.

5. Inline Code Finder

Inline Code Finder is a tool to traverse through all elements in a web page, and when it finds a HTML element with any of these, it will highlight them: Inline JavaScript events, Inline style, javascript: links.

6. Firecookie

Firecookie is a an extension for Firebug that makes possible to view and manage cookies in your browser. Apart from all the other cookie managers and viewers available as Firefox extensions.

7. Firebug Code Coverage

Firebug Code Coverage is a benchmarking Firebug extension inspired by Selenium IDE for determining the percentage of your code being executed for time duration, known as code coverage.

8. SenSEO

SenSEO analyzes web pages and tells you how good they fulfill on-page Search Engine optimization criteria. SenSEO is a Firefox add-on integrated with the popular Firebug web development tool. The code is based on the YSlow extension.

9. Yahoo! YSlow

YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules of highe performance web page. YSlow is a Fire-fox add-on integrated with the Firebug web development tool. YSlow grades web page based on one of three predefined ruleset or a user-defined ruleset.

10. Firefinder

Firefinder is an extension to Firebug (in Firefox) and offers the functionality to, in a quick way, find HTML elements matching chosen CSS selector(s) or XPath expression. It allows you to instantly test your CSS selectors in the page while seeing the content at the same time, and matching elements will be highlighted.

11.  Seo Quake

Seoquake is a Mozilla Firefox SEO extension aimed primarily at helping web masters who deal with search engine optimization(SEO) and internet promotion of web sites.

12. Window Resizer 1.0

Window Resizer comes in handy for testing different screen sizes and monitor resolutions. It quickly and accurately resizes Firefox’s viewport so that you can test to see how your design looks in standard resolution sizes.

13. 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 web captures and insert text annotations and graphical annotations.

14. IE Tab

IE Tab great add-on for web developers allows you to switch back and forth from IE and Firefox layout engines with a click of a button.

15. Palette Grabber

Palette Grabber is a Firefox extension for web designers. It adds an “Export color palette” command to your Tools menu; selecting this command will extract a color palette for the current page and export it to a Photoshop/Illustrator color palette file. It’s useful for creating mockups of new designs which share a color palette with an existing design.

16. Font Finder 0.5c

Font Finder is a small extension that enables you to easily get all CSS styles of selected text in Mozilla Firefox.

17. Total Validater

Total Validater extension is an all-in-one validation tool that will check HTML, links, take screenshots and do a lot more.

18. Dummy Lipsum

An add-on with a very simple purpose, Dummy Lipsum generates Lorem Ipsum dummy text for you to use in your designs.

19. Page Diff

Page diff is a simple page compare application. It helps web developers and designers to see HTML-code(text) differences between web pages.

20. Aardvark

Aardvark, aimed at front-end web developers, let’s you select web page elements and gives you several options for them, such as removing them from the web page (great for screen shots) or modifying their colors (helpful when printing web pages).

11 replies on “20 Very Useful Firefox Extension for Designers and Developers”

  1. Undeniably believe that that you stated. Your favourite
    reason appeared to be at the web the simplest factor to
    understand of. I say to you, I definitely get annoyed at
    the same time as people think about concerns
    that they plainly don’t know about. You managed to hit the nail upon the top and also defined out the whole thing with no need side effect , people could take a signal. Will likely be again to get more. Thank you

  2. I was excited to find this page. I need to to thank you for ones time for this fantastic read!! I definitely savored every little bit of it and i also have you saved as a favorite to see new stuff in your website.

  3. I did’t understand what you want to say “this web site conations truly good funny information too”.

Comments are closed.