Firebug is a Firefox extension that will streamline your developing process: it offers a plethora of tools for working with HTML, CSS, Javascript, and more. In this tutorial, I’m going to take you to a black belt level of Firebug usage that will karate chop your website woes! Become a Plus member today!
Join Tuts Plus
For those unfamiliar, the family of TUTS sites runs a premium membership service called "TUTSPLUS". For $9 per month, you gain access to exclusive premium tutorials, screencasts, and freebies at nettuts+, psdtuts+, and vectortuts+! For the price of a pizza, you'll learn from some of the best minds in the business. Join today!
- Subscribe to the NETTUTS RSS Feed for more daily web development tuts and articles.
Related Posts
Check out some more great tutorials and articles that you might like
Plus Members
Source Files, Bonus Tutorials and
More for $9 a month for all TUTS+
sites in one subscription.
User Comments
( ADD YOURS )dlv July 22nd
mmm interesting! i hope all plus member enjoy and learn with this tutorial!
( )Pablo July 22nd
Isn’t there a free sample version?
( )Aaron July 22nd
Let me know if/when it becomes free.
( )Hasanga July 22nd
Should be a nice tut!
Dose any one know, if I register today as a plus member will I be able to access all the past plus tutorials?
( )Muhammad Adnan July 22nd
Yes , u will get access to all past tutorials !
( )Muhammad Adnan July 22nd
So , Don’t wait and get PLUS membership TODAY !
( )Scott July 22nd
Yeah you get access to all current and past plus tutorials from NetTuts, PSDTuts, VectorTuts, and AudioTuts.
( )Hasanga July 23rd
Woha! cool! I will register today!!
Thanks guys!
( )aperta July 22nd
Ok …
( )Soner Gönül July 22nd
I love firebug (:
twitter.com/sonergonul
( )friendfeed.com/sonergonul
Khawaib July 22nd
Is this tutorial created using latest version?
( )Andrew Burgess July 23rd
Unfortunately, Firebug 1.4 was released the day I sent this to Nettuts. However, I do talk about a few 1.4 features. Really, everything is applicable to 1.4; the biggest change in the latest version is the UI.
( )Stephen July 22nd
If anything is going to entice me to sign upto the plus package, its not this. If you know your HTML/CSS/Javascript do you really need a tutorial telling you how to use firebug? I use it all the time, and picked it up instantly.
I do however want to sign up to this at some point, the photoshop to wordpress tutorial looks very interesting.
( )John Sanders July 22nd
Firebug is awesome! I consider it a necessity for web development.
Thanks for the tut.
( )Christian July 22nd
Meh, so irritating to have unavailable tuts pop up in my RSS reader…
( )Jason July 22nd
Thankfully they put ‘New Plus Tutorial’ in the title so you don’t need to click the link if you don’t want…
( )jzigbe July 22nd
This is the best tutorial on nettuts so far! Detailed, very clear explanation.
And most important for some of us with slow internet connections … a small download size. [I cannot download most of the plus tuts because of time-outs].
( )Michael Thompson July 23rd
http://getfirebug.com/docs.html
( )bb July 23rd
it’s good and everything but I dont think this should be a plus tutorial.
( )elramirez July 23rd
Wish that there was a more comprehensive description of what is being covered. There are hundreds of tuts on this subject all across the web.
( )Andrew Burgess July 23rd
I’ve tried to cover the whole spectrum; I review every part of Firebug, what it can do, and how you can use it. Hope this helps!
( )Kevin Urrutia July 25th
Are any book out on firebug? I can’t find any
( )Steven Couper July 25th
This is a AWSOME tut, i will def try, who needs uni when we have you!!!
( )David Lender July 29th
Very cool! I didn’t realize that I was only about a yellow belt. Gotta read the rest of this when I get time. There’s a lot to digest.
( )Russell Heimlich August 10th
I hope you guys mention the new Off button interface change in the 1.4 release. It really through me for a loop when I realized I was deactivating Firebug (disabling Network profiling and the console) instead of simply minimizing it.
http://www.russellheimlich.com/blog/firebug-gets-a-little-buggy/
( )Pao October 17th
orange belt:
( )console.Endgroup() must be console.groupEnd()