Firebug: White to Black Belt
plus

Firebug: White to Black Belt – New Premium Tutorial

on Jul 22nd 2009 with 27 comments
Download Source Files

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 Premium member today!

Firebug: White to Black Belt - New Plus Tutorial
Firebug: White to Black Belt - New Plus Tutorial
Firebug: White to Black Belt - New Plus Tutorial

Join Tuts Plus

NETTUTS+ Screencasts and Bonus Tutorials

For those unfamiliar, the family of TUTS sites runs a premium membership service called “Premium”. For $19 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.


Tags: Premium
 
Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By

Rollover to read this author's bio or click through to see a full list of posts by this author.

I'm a Canadian web developer, a staff writer at Nettuts+, and the author of the Rockable Press eBook Getting Good With Git. I prefer JavaScript and Ruby. Soon, I'll be doing some writing on my personal site; of course, you can follow me on Twitter.  

Plus Premium
 
 
Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
  • http://www.configuracionvisual.com/portfolio dlv

    mmm interesting! i hope all plus member enjoy and learn with this tutorial!

  • Pablo

    Isn’t there a free sample version? :(

  • Aaron

    Let me know if/when it becomes free.

  • http://www.xtensives.com Hasanga

    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?

    • http://www.imblog.info Muhammad Adnan

      Yes , u will get access to all past tutorials !

    • http://www.imblog.info Muhammad Adnan

      So , Don’t wait and get PLUS membership TODAY !

  • Scott

    Yeah you get access to all current and past plus tutorials from NetTuts, PSDTuts, VectorTuts, and AudioTuts.

    • http://www.xtensives.com Hasanga

      Woha! cool! I will register today!!

      Thanks guys!

  • aperta

    Ok …

  • http://www.sonergonul.com/blog/ Soner Gönül

    I love firebug (:

    twitter.com/sonergonul
    friendfeed.com/sonergonul

  • http://www.khawaib.co.uk Khawaib

    Is this tutorial created using latest version?

    • http://andrewburgess.posterous.com Andrew Burgess

      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.

  • http://www.stephen-ainsworth.co.uk Stephen

    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.

  • http://johnsanders.me John Sanders

    Firebug is awesome! I consider it a necessity for web development.

    Thanks for the tut.

  • http://cb.net.au Christian

    Meh, so irritating to have unavailable tuts pop up in my RSS reader…

    • http://www.sotwguild.com Jason

      Thankfully they put ‘New Plus Tutorial’ in the title so you don’t need to click the link if you don’t want…

  • http://www.kenya-portals.com/ jzigbe

    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
  • http://localhost bb

    it’s good and everything but I dont think this should be a plus tutorial.

  • elramirez

    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.

    • http://andrewburgess.posterous.com Andrew Burgess

      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!

  • http://vivalacollege.com Kevin Urrutia

    Are any book out on firebug? I can’t find any :(

  • http://www.couperdesigns.com/ Steven Couper

    This is a AWSOME tut, i will def try, who needs uni when we have you!!!

  • http://davidlender.com David Lender

    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. :-)

  • http://www.russellheimlich.com/blog/ Russell Heimlich

    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

    orange belt:
    console.Endgroup() must be console.groupEnd()

  • eyal

    thank you nice post!
    firebug for internet explorer here
    http://www.firebugger.com