Webdeveloper: Coolest Firefox Extension Yet

If you're using Firefox (and why, exactly, wouldn't you?) and you have even the slightest bit of interest in website design, CSS or even simple curiosity as to how your favorite website or blog is coded, then you need to install the Web Developer extension.

Web Developer installs a toolbar that sits just below your Personal Toolbar and contains eleven categories of about a hundred options for viewing, editing and managing the website currently displayed in your browser window. Among other things, it allows you to view the CSS for the page (and edit via a popout sidebar), disable CSS completely, display image sizes and dimensions, zoom in and out on the page, draw outlines around page elements (including block level elements and table cells), perform one-click CSS and HTML validation... and the list of other useful and handy tasks goes on and on.

It's quick and unobstrusive, and will quickly become an indispensible tool in your box of debugging tricks. A Mozilla version is also available.

Tip o'the hat to Keith Devens and one of his commenters, David Chen.

Technorati tags: |

Comments

Downloaded and installed it. Perused the various drop-down items. Sat back, stupified. I have no idea what do with any of it. And that's why I'm not a developer.

Thanks for the enthusiastic suggestion, though. It is interesting to see.

Posted by: Rob at February 17, 2005 04:15 PM

Rob, don't give up on it too quickly. Even if you're not into design details, there's still some cool things, like the ability to delete cookies for the specific domain you're viewing, or to resize your browser window to a exact dimensions (helpful when a site's designer hasn't been very considerate in sizing his page to fit your browser).

But, yes, in the end it's pretty geekcentric!

Posted by: Eric at February 17, 2005 04:25 PM

I can't believe I knew about this before you. I've had it installed since 0.7, I think. I particularly like that it goes away with the flick of a finger, since I don't do webdev all day.

All I wish is that it would tell me what CSS is in control when I hover over something. That would be pure genius.

Posted by: Scott Chaffin at February 17, 2005 04:29 PM

Scott, I'm pretty much of a latecomer to Firefox anyway, so there's still lots I'm learning about it.

I like your "CSS tooltip" suggestion. Sometimes my eyes cross trying to figure out which div is doing what. Wish I was smart enough to build something like that.

Posted by: Eric at February 17, 2005 04:32 PM

Got any other cool extensions to recommend? I love Firefox, but I use it primarily for security and the tab feature.

Posted by: Kelly at February 17, 2005 08:36 PM

Kelly, if you don't already have a dedicated newsfeed aggregator, I highly recommend Sage, which installs as an integrated RSS aggregator that shows your subscriptions in a popout sidebar. It handles both RSS and Atom feeds, making it more flexible than some commercial newsreaders, and its built-in "Discover Feeds" feature brings an end to the sometimes frustrating search for a site's newsfeed link.

The Firefox extensions page is found here. There's a bunch of 'em! [Sorry for the bad link in the first iteration of this comment.]

Posted by: Eric at February 17, 2005 08:50 PM

I've had it installed since 0.7

Spoken like a true geek. :-D

Very nice work Eric.

And Kelly, I would recommend one called ForcastFox. It puts the local weather into the status bar of Firefox, and if you hover over the symbols, it tells you current conditions, etc.

Much less obtrusive than the weather bug (and available for mac). Unfortunately, I don't have a link. I think I got it at the Mozilla extension page.

Posted by: bryan at February 17, 2005 08:50 PM

Here's the link to the weather extension Bryan describes.

Posted by: Eric at February 17, 2005 08:57 PM

I did a post when I upgraded my laptop where I listed all my Firefox extensions. Here are some good ones for ye:
- FireFTP: a good web hippy app; browser-based FTP client; use it all the time for quickies
- TabBrowser Preferences: total domination of tabs
- Yahoo! Companion: because I've been a Yahoo-er since before they bought out Cuban; I like their buttons for yellow pages, maps, reference, sports -- and they host ALL of my bookmarks (~600 at last count) where I can get to them from anywhere (even a Mac ;-)

Funny (and cool) how my browser is taking over as my desktop. Not really, but it's getting durn close.

Posted by: Scott Chaffin at February 17, 2005 09:24 PM

PS If you find a Mozilla Composer replacement, send me an email. Remember all my whimpering over GoLive a year ago? I ditched it for hand-coding with Composer.

Posted by: Scott Chaffin at February 17, 2005 09:27 PM

I ditched it for hand-coding with Composer.

No shame in that. I built a few inhouse sites using Netscape Composer back when it was brand-spankin' new, and it wasn't a bad little app even then.

I hear you about the browser-as-desktop bit. I like the one-stop shopping approach, although there are still a few standalone utilities that do things too well to switch.

I'm slowly shifting my bookmarks over to del.icio.us, btw.

Posted by: Eric at February 17, 2005 10:46 PM
Post a comment [Take your time...we're in no hurry.]









Remember personal info?