Name: [203] Jesse Newland
Member: 113 months
Authored: 1 videos

Live CSS Editing and Debugging with Firebug [ID:146] (1/1)

in series: Live CSS Editing and Debugging with Firebug

video tutorial by Jesse Newland, added 03/07

(Showmedo is undergoing major changes. To report any problems viewing the videos please email us and include browser and OS specifics. Cheers - Kyran.)

Jesse introduces Firebug 1.0, the live CSS editor which runs inside Firefox. See how you can easily identify elements by rolling the mouse over them, select them, see the html and see which rules apply to the segment (or those that have been over-ridden). You can also edit the html and css in-place and monitor and debug AJAX calls - this is an awesome tool, all web developers need to know about it.

This video has been aggregated with Jesse's permission from here.

Uploaded on 7th February 2007, running time 3 minutes.

Got any questions?

Get answers in the ShowMeDo Learners Google Group.

Video statistics:

  • Video's rank shown in the most popular listing
  • Video plays: 4 (since July 30th)
  • Plays in last week: 0
  • Published: Sometime before 1st March 2007 (in other words - we don't remember!)

Thank-yous, questions and comments

If this video tutorial was helpful please take some time to say thank-you to the authors for their hard work. Feel free to ask questions. Let the author know why their video tutorial was useful - what are you learning about? Did the video tutorial save you time? Would you like to see more?

You may also want to see our ShowMeDo Google Group to speak to our active users and authors.

Your email address will not be published.

Show some quick comments >>

All comments excluding tick-boxed quick-comments

nice video!

firebug for ie internet explorer here

14. coach factory Fri, 09 Apr 2010 02:52

You did a good job of showing why Firebug would be a good additional to any web standardista's toolbox!


13. marinir seo 085-635-945-40 Fri, 12 Mar 2010 12:35

Good summary. You concisely covered about 90% of us need to know. Thanks

12. salomon speedcross 3 Sun, 28 Feb 2010 08:20

Real nice !

11. anonymous Wed, 16 Sep 2009 02:31

Great video piece. I've been using firebug for a while now but this view has just made me aware as to how I'm under-utilising this great tool.

Thanks for sharing your knowledge. Can you recommend any book that delves more into how firebug works?


10. anonymous Thu, 07 May 2009 22:07


9. anonymous Thu, 07 May 2009 22:06


8. anonymous Mon, 20 Apr 2009 13:24

This is great, just started working on a web page and I am not a pro! I am a member of ShowMeDo. Just testing out links from Wikiversity, also just downloaded Firebug a few days ago. I will be watching more tutorials in the near future.


7. anonymous Fri, 27 Mar 2009 06:11

Thanksfor sharing! Like may programmers I have to learn things like Firebug and ExtJS on my own.

6. anonymous Wed, 25 Mar 2009 11:43

Thanks. I wanted to know what was all the buzz about Firebug. Now I know. Cool.

5. anonymous Wed, 23 Jul 2008 16:26

Nice job! Helped me a lot.

Great taster, but way too short - I want more :-)


3. anonymous Fri, 03 Aug 2007 13:59

Neat intro to FireBug.

Open source software doesn't really get marketed and something like this does a great job in attracting new users.

2. anonymous Sat, 23 Jun 2007 05:30

Nice intro. It makes me curious for more.


Hi Jesse. I just wanted to say thanks to you for allowing us to host a copy of your video.

Kyran showed me Firebug in action yesterday as we pair-coded this new version of the site (I've just deployed it) - it was neat to see it working and it clearly made Kyran's life easier!



Showmedo is a peer-produced video-tutorials and screencasts site for free and open-source software (FOSS)- with the exception of some club videos, the large majority are free to watch and download.

how to help » about » faq »

Educating the Open-source Community With Showmedo

Although as important as the software it supports, education and documentation are relatively neglected in the Open-source world. Coders love to code, and explaining how best to use or improve the software tends to be deferred or even sidelined.

At Showmedo we believe the community can play a vital role here and also say thanks for the tools and software that make our lives easier. If you have a piece of software you love or a programming langugage you are enthusiastic about, why not make a screencast showing others how to use it? All the stuff you wish you'd been told, the tips, tricks, insights that would have saved you time and frustration.

Screencasting is easier than you think, and we're happy to help you. You can emailus for advice or just use some of the how-to screencasts on the site. This screencasting learning-pathis a good place to start.

By the Same Author

Recommended Videos



Showmedo's development is fairly rapid and bugs will inevitably creep in. If you have any problems please drop us a line using the contact address below. Likewise, any suggestions for improvements to the site are gratefully received.