# Monday, February 16, 2009
« Techdays 2009 Belgium | Main | Blu – a cool WPF application »

Web developer or designers don’t only need to check their creations in Firefox but they mostly also love the browser for the simple fact that there are a ton of handy plugins available for that particular browser that makes their effort easier. The last half year I also discovered quite some interesting plugins so I thought it would be nice to share those.

Web developer toolbar. Adds a menu and a toolbar with various web developer tools.

webdevelopertoolbar

Firebug. Must have plugin which I already used a lot during my current project. Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page...

firebug

YSlow. Integrates into Firebug. YSlow analyzes web pages and tells you why they're slow based on Yahoo's rules for high performance web sites.

1185259966 

Firescope. FireScope is a Firefox add-on that integrates with Firebug, to extend it with reference material for HTML and CSS. This is a nice tool that can help you out to search the html and css archive from the known site sitepoint.com.

1231217605 

Colorzilla. Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies...

943948800

Measureit. Draw out a ruler to get the pixel width and height of any elements on a webpage.

943948800 

jsview. All browsers include a "View Source" option, but none of them offer the ability to view the source code of external files. This tool makes it possible to show the external javascript and css files.

9439488001 

IE Tab. Switch to IE from within Firefox. Very handy to see how your page will be displayed in IE.

9439488002 

Greasemonkey. Allows you to customize the way a webpage displays using small bits of JavaScript.

9439488003 

Cacheviewer. This extenion is GUI Front-end of "about:cache". Allows searching and sorting memory and disk cache files.

1208074126

 

There are a myriad of other plugins and addons to be found for Firefox. These are the ones I used during the last half year. Especially Firebug and YSlow have become some of my favorite tools during web development. Firebug is the allround tool in which you can debug javascript, see the box model of an element, drill down, play with css settings like disabling or changing settings. I really recommend people checking it out. YSlow gives you a good indication where and what you can improve when performance becomes a concern to you.

Grz, Kris.