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

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

in series: none

video tutorial by Jesse Newland

(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.

Video Tutorials related by tag:

webdev web videos video tools tool time select running none misc html firefox editor editing developers debugging call awesome CSS AJAX

Got any questions?

Get answers in the ShowMeDo Learners Google Group.

Video statistics:

  • Video's rank shown in the most popular listing
  • Video plays: 1808 (since July 30th)
  • Plays in last week: 26
  • 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.

Please provide your email address (won't be published)

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?

Thanks


10. anonymous Thu, 07 May 2009 22:07

wow


9. anonymous Thu, 07 May 2009 22:06

wow


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.

JB


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 :-)

Thanks


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.

Thanks


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!

Cheers,

Ian.


Learn Python the easy way!
If you want to learn the Python programming language from a very gentle start or are looking to increase your ability to do cool things with Python, check out our club
View this series as a one-page learning-path
This feature is for club members. Click here to find out more.
Your email address will not be published.

Show some quick comments >>