Firebug - a killer Firefox plug in

by Trent Raymond

Posted: 16 years ago 7 replies

WEB DESIGN

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

theIMgeek 16 years ago

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.

-Ryan
- [ 1 ] Thanks
- 1 reply
Signature
FREE WSO: Protect and Automatically Deliver Your Digital Products

Ask the Internet Marketing Geek <-- Happy to help with technical challenges
MiniSiteMaker.org <-- Free software to make your mini-sites fast and easy
{{ DiscussionBoard.errors[2746520].message }}
- Lloyd Buchinski 16 years ago
  
  I was just using the web developer toolbar for css, but I'll have to check this out.
  
  Originally Posted by RJP
  
  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.
  
  Thanks
  
  1 reply
  
  Signature
  
  Do something spectacular; be fulfilled. Then you can be your own hero. Prem Rawat
  
  The KimW WSO
  
  {{ DiscussionBoard.errors[2749940].message }}
  
  mikeonrails 16 years ago
  
  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".
  
  Thanks
  
  {{ DiscussionBoard.errors[2750205].message }}
orvn 16 years ago

Thirded.
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.
- Thanks
- 1 reply
Signature
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 }}
- aldric_garvel 16 years ago
  
  errr... i Fourthed this?? hahaha
  
  firebug is indeed awesome... a must-have
  
  Thanks
  
  {{ DiscussionBoard.errors[2748501].message }}
M_Jones 16 years ago

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!
- Thanks
{{ DiscussionBoard.errors[2751300].message }}
RegalWeb 16 years ago

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.
- Thanks
Signature

REGAL WEB
Complete Online Presence Support
REGAL AGENTS
Offshore Outsourcing | Offshore Outsourcing Philippines
{{ DiscussionBoard.errors[2752777].message }}