Firebug - a killer Firefox plug in

7 replies
  • |
I just learned of this plug in and wanted to share it. With the plug in installed, you can look at any web page and then alter the CSS to adjust how that page would look. In particular, I really like how it shows you which css file and what line number you need to adjust to make the temporary change into a permanent change in your site.

I'm sure the tool does way more than just this, but for a rookie web developer, this feature alone is super useful.
#firebug #firefox #killer #plug
  • Profile picture of the author theIMgeek
    I second that. Firbeug has shaved a LOT of time off my CSS tweaking. Especially with dual montiors, I can have the browser on one side, my stylesheet on the other. Lovely.

    To think I used to edt->save->upload->view->edit->save->upload->view->pull-hair-out.

    Microsoft also "adapted" Firebug for Internet Explorer, called Developer Tools. I believe it's built in to IE 8.

    I also recomend getting the Page Speed add-on for Firebug to see what's causing delays in your load time.

    FREE WSO: Protect and Automatically Deliver Your Digital Products

    Ask the Internet Marketing Geek
    <-- Happy to help with technical challenges <-- Free software to make your mini-sites fast and easy
    {{ DiscussionBoard.errors[2746520].message }}
    • Profile picture of the author Lloyd Buchinski
      I was just using the web developer toolbar for css, but I'll have to check this out.

      Originally Posted by RJP View Post

      To think I used to edt->save->upload->view->edit->save->upload->view->pull-hair-out.
      Enjoyed that. Literary talent

      What part of Calgary are you in? It turns out that the author of a CB product I promote lives about 8 blocks from me. I'm near Bow Trail and 40 St.

      Do something spectacular; be fulfilled. Then you can be your own hero. Prem Rawat

      The KimW WSO

      {{ DiscussionBoard.errors[2749940].message }}
      • Profile picture of the author mikeonrails
        For those using Google Chrome, there is a built-in developer control panel which was modeled after Firebug. You can either navigate through the menu to "Developer tools" or right click on any webpage and select "Inspect Element".
        {{ DiscussionBoard.errors[2750205].message }}
  • Profile picture of the author orvn
    This plug-in for Firefox is downright dirty. One of my favourites, I've been using it for years.

    I love the graphical breakdown of the load-times of all the elements of the page you're opening (Net tab -> All)

    Too darn cool.
    Orun Bhuiyan[@orvn] [linkedin] See what I've been doing lately by visiting my marketing agency's site. SEOcial specializes in content marketing and integrated optimization. We create conversions for businesses by gracefully connecting the realms of design, development and marketing.

    {{ DiscussionBoard.errors[2748454].message }}
    • Profile picture of the author aldric_garvel
      errr... i Fourthed this?? hahaha

      firebug is indeed awesome... a must-have
      {{ DiscussionBoard.errors[2748501].message }}
  • Profile picture of the author M_Jones
    nothing beats firebug: you can edit the lines of code in firebug and see the direct effect on the live page which you are viewing... once you know the changes you want to make, you can go in and edit the web document in your web editor program...... awesome!
    {{ DiscussionBoard.errors[2751300].message }}
  • Profile picture of the author RegalWeb
    It's one thing why I just wanted to marry Firefox. The plug-ins are cool. Seldom crashes unlike the.. err.. its counterparts. Most of all for the nth time, I just love Firebug.
    {{ DiscussionBoard.errors[2752777].message }}

Trending Topics