Today’s offering is a brief screencast showing you how to use the Firebug browser plugin to identify and fix CSS issues on your website. For my example, I’ll answer a CSS question from the StudioPress forums.
This is my first screencast. Ever. So forgive me the extra clicky-clicks, throat-clearing, and uhhhhs…
Screencasting like a pro – love it Carrie.
Agree with you, it is like magic using firebug and Chrome developer tools.
Looking forward to #2.
Haha – no promises on a #2, but we’ll see. 🙂 I’ve never worked with the Chrome developer tools. Pretty much the same idea?
I worked with firebug and loved it.
Then I moved over to Chrome and tried the dev tools – not better just different.
I’m still fascinated by the fact that you can change CSS on the fly!
I like to work with both the Genesis Extender custom CSS panel open and dev tools open.
Then I can copy and paste from dev tools into custom CSS panel and make changes there.
If the change is OK I can just hit save.
I have noticed that if I get really granular on some CSS, Chrome does a better job of “unveiling the mystery” – I thought I was looking through the Firebug lens, but possibly it’s some developer tools creeping in. I’ll keep playing!
Nice screencast, and you totally gave John’s guitar website a major pimp!
I thought you were pretty natural at screencasting too. I have a lot more hesitation and getting lost for words and would love to be able to talk as smoothly as you.
I thought that the audio could be a little better though. An easy fix is to get a headset mic like this: http://www.amazon.com/Sennheiser-PC-36-USB-Microphone/dp/B001SN8QJ0/
Looking forward to more screencasts 🙂
Thanks David!
Great tip on the headset. I’ve seen others wearing them, but didn’t realize it was tied to audio quality.
What tool do you use for screencasting? I tried Screen-Cast-O-Matic. Also had a recommendation for screenr.com that I need to check out.
Cheers,
Carrie
Hello Carrie, great tutorial my friend very easy to understand. I just love StudioPress’s themes because there’re so simple to customize.
Thank you so much for the share my friend.
Great screencast! Thanks.