More
See all Show me
3. Gris masking tutorial
by kristarella
2 months ago
2. What is the Thesis full-width framework?
by kristarella
6 months ago
1. Using Firebug for CSS
by kristarella
9 months 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

45 Likes

Tags

  • Frederic Champion 9 months 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 9 months 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 9 months ago
    Great tutorial. Thanks.
  •  
  • Lasha Krikheli 9 months ago
    Great video! Thanks for sharing. I look forward to more. :)
  •  
  • CrystalsQuest 8 months 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 8 months 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 8 months ago
    Thanks for showing me the usefulness of Firebug and explaining how to use it. This is an excellent tutorial!
  •  
  • Jeremiah Leigh 8 months ago
    wow, that changes everything. thank you!
  •  
  • Lily Carver 8 months 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 8 months 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 8 months 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 8 months 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 8 months ago
    Thank you Kristarella ;-)
  •  
  • Michael Hartzell 5 months ago
    Great video. thank you! I will be downloading firebug now. Just gave your video a digg too!

    Mike
  •  
  • Emily Sandford 5 months 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 4 months ago
    Google's Chrome lets you do the same just right click > Inspect Element.
  •  
  • Cauê Ito 4 months ago
    great job! Well done!
  •  
  • Eric Miltsch 3 months ago
    Firebug & Thesis really speeds up the whole process; nicely presented.
  •  
  • Allyn Paul plus 3 months ago
    really awesome stuff, thanks for showing it in detail!
    AL
  •  
  • Ed Kingston 1 month ago
    Awesome stuff. Thanks for sharing. Saves a lot of time this way rather than scroll down miles of CSS.
  •  
  • By-combivir 21 days ago
    Thanks!
  •  
This conversation is missing your voice. Take five seconds to join Vimeo or log in.

Advertisement

3 Related collections

Channels Channels
Albums Albums

Statistics

  •  
    plays
    likes
    comments
  • Total
    plays 10.9K
    likes 45
    comments 21
  • Nov 8th
    plays 24
    likes 0
    comments 0
  • Nov 7th
    plays 57
    likes 1
    comments 0
  • Nov 6th
    plays 78
    likes 0
    comments 0
  • Nov 5th
    plays 50
    likes 0
    comments 0
  • Nov 4th
    plays 40
    likes 0
    comments 0
  • Nov 3rd
    plays 43
    likes 0
    comments 0
  • Nov 2nd
    plays 37
    likes 0
    comments 0
  • Nov 1st
    plays 29
    likes 0
    comments 0
Previous Week

Downloads

Please join Vimeo or log in to download the original file. It only takes a few seconds.