SharpStyle Labs

Creativity is coming up with new things. Innovation is doing new things. We make software that helps you do both.

  • Pages

  • a

  • Archives

Firebug — web development evolved

Posted by sharpstyle on April 9, 2007

It is not often that I find software where in the first 5 minutes of using it, I know that it will save me a lot of time. Meet Firebug:

Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

Think of Firebug as Web Developer extension on steroids. Here are some of the features:

  • Live editing of HTML, JavaScript, CSS with immediate result
  • Visual representation of the layout for each element including margin, border and padding — this will certainly save me a lot of time
  • Monitor network activity
  • Debug and profile JavaScript
  • Powerful JavaScript console

Make sure to read documentation as there are a number of keyboard shortcuts and console macros that will save you time

Firebug is open source.

If you are looking for similar functionality in IE, there are a number of options:

~Mike


One Response to “Firebug — web development evolved”

  1. [...] you are using Firebug (see my post here: Firebug — web development evolved), you might be interested in the following: MTASC-2-Firebug [...]

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <pre> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>