Saturday, June 23, 2007

Firebug

I'd like to rave briefly about a tool called Firebug. It is absolutely astonishing, and if you are doing complicated web development, almost invaluable.

Lots of the new stuff I'm doing on CanalplanAC involves Javascript interacting with the document. Firebug lets you see the structure of the document as it is at this moment, and when it changes, what you see changes.

That, alone, would be wonderful. But what Firebug gives you is a live editor for the page - not just the HTML but the CSS as well. So you can see what happens when you change the background colour, or padding, or floatiness of a particular element.

The time saved by tweaking the page, rather than editing and reloading is astonishing.

If you are doing almost anything on web pages, you'll find it worth giving a try.

This is an entirely unsolicited testimonial.

3 Comments:

At 11:01 PM, Anonymous paul morgan said...

hi nick,
you might like this video link from yahoo's develeoper theatre. It's Joe Hewitt (firebug creator) giving a nice tour / tutorial of the V1 features available.

http://video.yahoo.com/video/play?vid=cccd4aa02a3993ab06e56af731346f78.1755924
(watch thew wrap)

cheers,
paul

 
At 4:33 PM, Anonymous Steve said...

Its a great tool - but be warned that it can have some very odd effects if you are working with synchronous/asynchronous code in that it seems to delay some things which means code may well run perfectly with it enabled but just die silently when its turned off.

 
At 6:53 PM, Blogger Nick said...

It certainly loads the system a bit - I wonder if that's doing it.

In which case, it might be doing you a favour, showing things that might crop up on a less powerful machine.

 

Post a Comment

Links to this post:

Create a Link

<< Home