New Screencast: Introduction to Firebug
I’m sure a lot of you are already Firebug junkies. Awesome. There probably isn’t much here you haven’t already seen. This is more of an introduction to what Firebug does for the uninitiated. Next week I’ll be finishing up the Photoshop conversion series by going back to Photoshop and showing how that mockup was first created.
Firebug is an essential Firefox extension for web designers and developers. You are able to quickly target any element on a page to see the markup, the CSS, the layout, and the DOM in an instant. Not only can you see all of this juicy information, you can edit and see the results directly in the browser window. This makes Firebug the go-to tool for debugging CSS trouble. Also indispensable for Javascript programmers.
This time I shot it at 1024×768 and scaled it down… seemed to work out OK, I might keep doing that.
Loading ...
1
Nice Video!
But it’s a bit buggy at the end (during the psd2xhtml part)
Comment by Fabian | Onyx Design — April 24, 2008 @ 8:02 am
2
really cool video thank you we want wordpress design tutorial
Comment by bluet — April 24, 2008 @ 12:39 pm
3
That was a very good tutorial. Thanks
Comment by Dan Kaplan — April 24, 2008 @ 1:27 pm
4
Where are all the screencasts? They aren’t available on Miro either…
Nice work on what I’ve seen so far though!
Comment by tJk — April 25, 2008 @ 11:25 am
5
neat add-on to Firefox, helped me solve a padding problem on a web page
Al
Comment by Al — April 25, 2008 @ 1:33 pm
6
Thanks for the great intro video. Just in case anyone out there doesn’t want to add yet another extension to their Firefox install, there is a really cool tool called XRay that functions as a bookmarklet that I’ve used extensively. It does nearly everything Firebug does.
http://www.westciv.com/xray/
Comment by Kyle — April 26, 2008 @ 5:45 pm
7
I would prefer to download the video because Quicktime on Windows is a pain …..
You should use Flash or give the opportunity to download the video.
Comment by Jens Grochtdreis — May 12, 2008 @ 10:07 am
8
If subscribe to the RSS feed for the videos, there is a link to download the original source for the video in each entry.
Comment by Chris Coyier — May 12, 2008 @ 10:10 am