I think it’s probably fair to say that we (CSS developers) owe the people who created Firebug a big wet kiss. But there are still people muddling on without this wonderful Firefox toolbar.
The more time I’ve spent with Firebug, the more I’ve come to rely on it and the more I discover it can do. So it’s got me thinking, maybe there’s stuff it does that I just haven’t discovered yet.
So I’d like you to take a moment to tell me your firebug top tip, that really saves you time. It doesn’t matter how small or obvious. To get the ball rolling here are two features I love:
The net panel - amongst other things it ensures you aren’t referencing any missing files plus checking things aren’t taking too long to load. Great for making sure you haven’t referenced any old files and that everything is neat and tidy.
The lovely layout panel - more obvious but so useful. Just inspect an item and it’s margin, border, padding are shown as a box model diagram! Brilliant.
Let us know what your favourite Firebug feature is?
indicates required fields
Michael McGarrity commented on 2 June 2009 at 11:25 am
Been using Firebug for an age - love it!
I’ve still to really get under the hood however, I only tend to use it for making subtle changes to layout with editing the original file.
YSlow for Firebug is silly good too.
Looking forward to the responses to this one :)
Pete Williams commented on 2 June 2009 at 11:25 am
It’s got to be the editable nature of the Style tab.
Being able to fiddle with the CSS in the browser just saves so much time compared to switching to editor, changing your stylesheet, saving, switching back to browser, refreshing.. rinse and repeat…
Michael Brodbin commented on 2 June 2009 at 3:38 pm
Firebug really is ace isn’t it!
I love being able to edit inline, try out different content and/or markup and/or styling.
I also love the Console, I find it a useful way to try out JS, esp JQuery, nonsense.
The style tab is great - not only to see what styles are being applied & why, but also from which stylesheet.
Finally, YSlow is a truly excellent plugin (is that the right phrase?) for Firebug.
Cheers,
Michael.
PS Worth mentioning the Web Developer plugin for Firefox which is also really useful.