00:00
399
More
See all Show me
kristarella's videos
3. Gris masking tutorial
by kristarella
2 years ago
2. What is the Thesis full-width framework?
by kristarella
2 years ago
1. Using Firebug for CSS
by kristarella
3 years ago
This is a demonstration of how to use Firebug, a Firefox addon, to investigate CSS.

It was done using Firefox 3.0.5 and Firebug 1.3.

For a slightly sharper version you can download the .mov file (at the bottom of this Vimeo page).

Credits

Likes

See all likes

Tags

  • Frederic Champion 3 years ago
    This is a great and nice Tutorial. I wasn't using FireBug this way for CSS design as I was only using CSSEdit, reading / Editing HTML and CSS at the same time is really a great feature.
    Thanks for sharing
  •  
  • DoctorFu 3 years ago
    I was reading a twitter from the right side of your site while watching this video and I read it in an Austrialian accent. : ) Very helpful video by the way.
  •  
  • Gary Cheeseman plus 3 years ago
    Great tutorial. Thanks.
  •  
  • Lasha Krikheli 3 years ago
    Great video! Thanks for sharing. I look forward to more. :)
  •  
  • CrystalsQuest 2 years ago
    Neat! Being a newbie to css this is going to help accelerate my learning curve no end, as well as letting me play around with my site-look a lot easier. Thanks heaps!!!
  •  
  • C Good 2 years ago
    I downloaded and installed Firebug the other week, but hadn't played around with it much. After watching your tutorial, I'm going to start using it a lot more. That was extremely informative -- thank you for posting your tutorial!!!
  •  
  • Toni Wall 2 years ago
    Thanks for showing me the usefulness of Firebug and explaining how to use it. This is an excellent tutorial!
  •  
  • Jeremiah Leigh 2 years ago
    wow, that changes everything. thank you!
  •  
  • Lily Carver 2 years ago
    This is an amAZing video--and your voice is so soothing. Just what the doctor ordered for nervous newbies. Where can I check out your other stuff?
  •  
  • IPH 2 years ago
    Thanks for a great tutorial, for a noob like me it's a great way to learn. However, can someone tell me why the change I do to the code using firebug is voided as soon as I refresh the page? (I'm using a theme found on the worpress gallery)
  •  
  • IPH 2 years ago
    Ok, I watched again and saw it's supposed to be temporary. So I have to edit my CCS file. oooooook...
    learning, learning.
  •  
  • Terri MacMillan 2 years ago
    excellent tutorial: I'm thinking about getting Thesis, and this makes me me feel more confident about being able to figure it out.

    Thanks!
  •  
  • Andrew McCluskey 2 years ago
    Thank you Kristarella ;-)
  •  
  • Michael Hartzell plus 2 years ago
    Great video. thank you! I will be downloading firebug now. Just gave your video a digg too!

    Mike
  •  
  • Emily Sandford 2 years ago
    awesome! I've been working on Thesis the past couple days, and am new to Wordpress as well and this has already helped me.
  •  
  • Paul Myatt 2 years ago
    Google's Chrome lets you do the same just right click > Inspect Element.
  •  
  • Cauê Ito plus 2 years ago
    great job! Well done!
  •  
  • Eric Miltsch 2 years ago
    Firebug & Thesis really speeds up the whole process; nicely presented.
  •  
  • Allyn Paul 2 years ago
    really awesome stuff, thanks for showing it in detail!
    AL
  •  
  • Ed Kingston 2 years ago
    Awesome stuff. Thanks for sharing. Saves a lot of time this way rather than scroll down miles of CSS.
  •  
  • By-combivir 2 years ago
    Thanks!
  •  
  • Andrew Reese 1 year ago
    Amazing...I used firebug for CSS errors...

    But you just opened up a whole new door for me...including for Wordpress
  •  
  • Richard Smykowsky 1 year ago
    Simple and clear - thanks - I had firebug for months but still couldn't get it!! Now you've given me the keys to the kingdom - indispensable tool for design and development.
  •  
  • Robyn Beazley 1 year ago
    Absolutely amazing! Thank you SO much for this lesson - excited to try out this new tool. Cheers
  •  
  • gnumax 1 year ago
    Nice tutorial. Thanks
  •  
  • fire bugger 1 year ago
    Nice tutorial!!
    Firebug for IE Internet Explorer can be found here
    firebugger.com
  •  
  • Spencer Gordon 8 months ago
    Cool. I'm going to be using this a lot of the next few days. Very helpful.
  •  
This conversation is missing your voice. Take five seconds to join Vimeo or log in.

Advertisement

About this video

FLV
00:06:39
  • 504x316, 9.46MB
  • Uploaded Wed February 04, 2009
  • Please join or log in to download
3 Related collections

Statistics

Date Plays Comments
Totals 37.2K 65 27
Feb 14th 10 0 0
Feb 13th 43 0 0
Feb 12th 22 0 0
Feb 11th 22 0 0
Feb 10th 29 0 0
Feb 9th 44 0 0
Feb 8th 26 0 0

Related lessons from Vimeo Video School

Check out these lessons to learn more about how you can make videos like this one!