Comments on: Six Essential Firefox Extensions For Web Designers

By: Keith Davis

Keith Davis — Sat, 18 Jun 2011 13:40:44 +0000

Hi Brownspank
Am I missing something – you didn’t mention Firebug!

Or has it been overtaken with “Web Developer”?

I use Firebug all the time.

By: Brownspank

Brownspank — Wed, 15 Jun 2011 08:34:45 +0000

Ah, but the Web Developer Tool also has a ruler function. Still, great find! Thanks for the addition.

Though, I’d like to see a similar tool that has a snap feature that detects the edges of elements and assumes the element you’re trying to measure.

By: Tom Loisel

Tom Loisel — Tue, 14 Jun 2011 16:35:05 +0000

Another great tool is MeasureIt, which allows you to measure the size of images, layouts, elements on the page with the browser. It’s found at https://addons.mozilla.org/en-us/firefox/addon/measureit/

By: David Peers

David Peers — Sat, 15 May 2010 20:43:20 +0000

This blog aided me somewhat in narrowing down some problems with the latest release candidate, Why do they often leave out vital information when they upgrade? It may be minor to them but not for us! I’m sure i’m not alone either.

By: Gary

Gary — Thu, 04 Jun 2009 03:31:55 +0000

Super-Duper site! I am loving it!! Will come back again – taking you feeds also, Thanks.

By: thetoast

thetoast — Wed, 17 Sep 2008 09:37:49 +0000

I can’t believe firebug has only been mentioned once. Then again, the page is titled web designer and not web developer. Out of the ones mentioned firebug for me is the one i can’t live without.

By: ChrisC

ChrisC — Thu, 31 May 2007 19:16:39 +0000

Lesson for Craig: just because you don’t see a use for something doesn’t mean other do not.

Once you get deep in to CSS and implementation design to website systems, you’ll find Colorzilla, Measureit, web dev, dom inspector all extremely useful.

And then you will discover Firebug… which is enormously useful. View a dom tree of the page, click on any element, see the html structure, what css is being applied, in what order, see computed value, make changes in real time – great for both debugging and developing.

By: » FireFox Extensions - Web Designer ToolsThe Far Blog

» FireFox Extensions - Web Designer ToolsThe Far Blog — Tue, 30 Jan 2007 16:08:32 +0000

[...] is where I got the original plugin recommendations with more detailed [...]

By: Mike Hopley

Mike Hopley — Mon, 14 Aug 2006 10:28:57 +0000

Web Developer is shockingly useful. I’m surprised that anyone could fail to see its uses; here are some I use frequently:

– Quick disable of Javascript
– Quick disable of styles
– View color information (to check I haven’t introduced an extra, similar color)
– View document outline (tells me whether my document is structured well for screen readers or keyboard nav in Opera)
– Unvisit links
– Several of the Outline options, but especially outline current element
– Resize window (viewport)
– Validate local HTML (the HTML tidy extension is better for constant background validation, but it’s not the gold standard W3C validator)

And then you can reset all those options with one toggle.

WebDev extension rules :D

By: Brownspank

Brownspank — Fri, 07 Apr 2006 02:54:03 +0000

Craig: Ok, so the Colorzilla isn’t for everyone, but being into CSS coding is all the more reason to have Web Developer extension installed.

I cannot tell anyone enough how useful this particular extension is. I can investigate in detail my CSS-based layouts and “debug” any display inconsistencies, emulate image-disabled or javascript-disabled browser experiences, check out how my site looks at different resolutions, display information for each element, edit CSS “on the fly”, quickly validate my code… the list goes on. :)