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.
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.
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.
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.
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).
Hello Nisa
Very good and useful collection of ad-ons
Thanks for sharing this
-Anees
Nice list, bookmarked it (although I’ve switched to Chrome long time ago).
Thank you!
thanks @anees and @Evgeny
[...] 20 Very Useful Firefox Extension for Designers and Developers [...]
My brother suggested I would possibly like this web site. He used to be entirely right.
This publish actually made my day. You can not believe simply how a lot time I had spent for this information!
Thanks!
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