
About one week has gone since Firefox passed the 400 million downloads mark. A lot of people and of course webmaster use the revolutionary browser to explore the web. So this time I want to present you a bunch of plugins, especially for web development!
Debugging
Firebug – A masterpiece of plugin! If you want to edit your sites CSS and preview it in real-time, this plugin is what you need.
JavaScript Debugger – A powerful JavaScript debugging environment.
Console Two – A plugin/console to display errors filtered by type, language and context.
Analysis
View Source Chart – A cool plugin which enables you to display a color-coded chart of a website’s source code.
OperaView – Open pages in Opera from Firefox context menu.
View Dependencies – This plugin adds a tab to the Page Info window which lists all the files that have been loaded to show the current page.
lori – It can tell you how long it takes to load a page.
HTML Validator – This plugin displays the number of found errors of the site you are viewing.
CSS Validator – As you may guess, it validates a site’s CSS stylesheet.
RSS Validator – One of many plugins to validate a RSS Feed using the W3C Validator.
Window Resizer – A plugin to resize your window to standard sizes; useful to see how your site looks with different resolutions.
IE Tab – Handy extension to see how your site is displayed in Internet Explorer.
ViewSourceWith – An extension that primary allows you to view the source code of a site with an external application but you can also open images with other apps etc…
Aardvark – This extension can show you the attributes, classes and ids by highlighting a page element with your cursor.
Font Finder – If you ever wanted to see the css-styles used for a certain element on a website, you need this plugin.
SEO
Social Media for Firefox – Really good plugin that shows the stats of 4 social services (digg, reddit, stumbleupon, delicious) for the page you are visiting, in the status bar. Useful if you want to know whether a site you own already has been submitted to one of these services.
Niche Watch Tool – Very good plugin that provides you the technical information like backlinks, page rank, keywords strength… everything a webmaster needs to analyze his site.
KGen – This addon retrieves all words of a page and lets you know how many times they appear; interesting for SEO optimization.
Others
Greasemonkey – Allows you to customize the way a webpage displays using small bits of JavaScript; a Must-Have!
Dummy Lipsum – Not the most valuable plugin for Firefox – it generates a “lorem ipsum” text.
ColorZilla – Nice Addon to pick the color of a page element and see its values.
Screengrab! – A plugin that saves the entire page as image (no flash elements).
Image Zoom – Offers you a zoom in, zoom out function for pictures.
Web Developer – Good extension that adds a toolbar to your Firefox with various web developer tools, e.g. Site Validation, CSS Viewer…
Unicode Converter – Converts entities or character references into Unicode and back.
Platypus – Another great addon which lets you modify a website from your browser. In addition to that you can save your modifications as a Greasemonkey script to make them ‘permanent’!
ShowIP – A useful extension that shows you the ip of the current page in the status bar. Also it enables you to see the whois details by querying some web services.
MeasureIt – Little Firefox extension that enables you to draw a ruler across any webpage to check the width or height of a element
Most of the VCP-310 professionals have 70-291 as well as N10-003 to their credit. They do these courses while studying for their 642-901.






4 Comments
Only “Firebug, OperaView,Window Resizer,IE Tab, View Source Chart, ColorZilla,Screengrab! ” are useful for web developer… the rest are not that useful.
“JavaScript Debugger, Console Two,View Dependencies,lori,ViewSourceWith, Aardvark, Font Finder” are not required if you already have Firebug.
SEO things are not that important for Web developer.. The most of web developer are not web master…
“Greasemonkey” is good for your own customization but nothing to do with developing web application…
Michael you are right that some of these plugins are not only for web-development. But I think SEO is a thing web developer should care of, because they have to create search-engine friendly applications.
Sweet list, a personal favorite of mine though, is the Firefox 2 web developer toolbar. As a designer I couldn’t live without it.
The Social Media plugin – great idea – I’ll be using that one
6 Trackbacks
[...] presents a helpful list of 25+ Firefox Plugins for web [...]
[...] We all know what a great browser FireFox is and for every possibly conceivable task there is a plugin available. There are tons of plugins available for web developers too, for instance this CSS validator plugin lets you validate your CSS and this plugin can tell you how much time it takes your web page to load. Read about the rest of the plugins at 25+ FireFox Extensions for Web Developers. [...]
[...] 25 extensions Firefox pour les développeurs Web (via Marin) [...]
[...] developers In a never ending quest to build better web pages and faster I came across a list of Firefox extensions for web developers. I was trying to find an extension that I used to use a while ago and came across some new ones [...]
[...] full story here [...]
[...] 20 must-have Firefox extensions Top 15 Firefox Extensions 50 Best Firefox Extensions for Power Surfing The top 50 Firefox extensions Top 10 Firefox Extensions to Improve your Productivity 10+ Awesome Firefox Extensions for Developers and Bloggers 17 Firefox Extensions That Make Blogging Easy 13 Great Firefox Extensions for Web Professionals 25 Essential Firefox Extensions for Professionals 25+ Firefox Extensions for Web Developers [...]