Firebug: White to Black Belt

Firebug: White to Black Belt – New Plus Tutorial

Jul 22nd in News by Andrew Burgess

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!

PG

Author: Andrew Burgess

This is a NETTUTS contributor who has published 9 tutorial(s) so far here. Their bio is coming soon!

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 "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

Enjoy this Post?

Your vote will help us grow this site and provide even more awesomeness

Plus Members

Source Files, Bonus Tutorials and
More for $9 a month for all TUTS+
sites in one subscription.

Join Now

User Comments

( ADD YOURS )
  1. PG

    dlv July 22nd

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

    ( Reply )
  2. PG

    Pablo July 22nd

    Isn’t there a free sample version? :(

    ( Reply )
  3. PG

    Aaron July 22nd

    Let me know if/when it becomes free.

    ( Reply )
  4. PG

    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?

    ( Reply )
    1. PG

      Muhammad Adnan July 22nd

      Yes , u will get access to all past tutorials !

      ( Reply )
    2. PG

      Muhammad Adnan July 22nd

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

      ( Reply )
  5. PG

    Scott July 22nd

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

    ( Reply )
    1. PG

      Hasanga July 23rd

      Woha! cool! I will register today!!

      Thanks guys!

      ( Reply )
  6. PG

    aperta July 22nd

    Ok …

    ( Reply )
  7. PG

    Soner Gönül July 22nd

    I love firebug (:

    twitter.com/sonergonul
    friendfeed.com/sonergonul

    ( Reply )
  8. PG

    Khawaib July 22nd

    Is this tutorial created using latest version?

    ( Reply )
    1. PG

      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.

      ( Reply )
  9. PG

    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.

    ( Reply )
  10. PG

    John Sanders July 22nd

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

    Thanks for the tut.

    ( Reply )
  11. PG

    Christian July 22nd

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

    ( Reply )
    1. PG

      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…

      ( Reply )
  12. PG

    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].

    ( Reply )
  13. PG

    Michael Thompson July 23rd

  14. PG

    bb July 23rd

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

    ( Reply )
  15. PG

    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.

    ( Reply )
    1. PG

      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!

      ( Reply )
  16. PG

    Kevin Urrutia July 25th

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

    ( Reply )
  17. PG

    Steven Couper July 25th

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

    ( Reply )
  18. PG

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

    ( Reply )
  19. PG

    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/

    ( Reply )
  20. PG

    Pao October 17th

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

    ( Reply )
  1. Arrow
    Gravatar

    Your Name
    October 17th