RSS
:
:

Learn more | I hate spam, too!
Powered by GetResponse email marketing software

May 17, 2007 | Mark Sierra | Comments 7

A Firefox Add-on Coders Shouldn’t Be Without

Firebug add-on for FirefoxFrom casual bloggers to advanced programmers, the Firebug add-on for Firefox is an essential tool to help you tweak your code. While viewing a web page you click on its button to bring up its display showing you the HTML, CSS and scripts.

One of the neat things about this add-on is that you can get a feel for how something is going to look on the page without actually editing the original file. Want to see what that headline will look like in a different color? With Firebug just change the CSS values and it immediately shows up in that color. Change the spacing, text, rollover values…do it with this add-on to see what you like before you make the changes to the files on your server.

And if you are feeling mischievous, you could go to a website, change the content, hide the Firebug window, and make it look like your changes exist for all the world to see. Maybe you could go to, I don’t know, CNN.com and change an article with a friend as the subject matter and ask them how they got in the news. :twisted: Again, you’re not actually changing the content, just the cached files you’ve already downloaded. This is not a hacking tool.

Hunting for the exact line of text that you want to change may be a little difficult depending on the complexity of the site you’re viewing at the time. But once you find what you’re looking for, it can really save you time by not having to change your files, uploading them to the server and refreshing, and repeating the process until you’re satisfied.

[tags]firefox,add-ons,extension,firebug[/tags]

Popularity: 4% [?]

Entry Information

Filed Under: Discoveries

About the Author: Mark Sierra is an online entrepreneur and web publisher. As the owner of StarFrost Media, he continues to add blogs and products to his online portfolio designed to help inform readers on software and blogging, teach them to be more productive, and even learn how to make money online.

 

Don't miss a beat!
Become a
MeAndMyDrum Insider today:

:

No spam. No way!

RSSComments: 6  |  Post a Comment  |  Trackback URL

  1. Aha another add-on to download for my browser. Why do I have the feeling that everytime I come here I end up downloading something new? :lol:

  2. Hehe…one down, a gazillion more browsers to go! My quest for world domination is close at hand. :cool:

  3. I use the Web Developer add-on for Firefox which allows you to do much of the same stuff. It’s fantastic for tweaking CSS. Such a huge time saver. Every time I use it I wonder why I never had it sooner ;P

  4. How does this compare to the Web Developer add-on?

  5. That is a great add-on. The Shift-Ctrl Y key allowing you to select an area and find its CSS values is so helpful.

  6. @Matt: they both have their strengths. Honestly, I’ve only used a fraction of both. Minor differences aside, the main difference that sticks out in my mind is that you can’t edit the HMTL on the page you’re viewing. It will let you edit the source, but I don’t believe it’s real-time like Firebug. I could be wrong though.

Trackbacks: 1  |  Trackback URL

  1. From Bloggst - Community and Resources for Bloggers on May 18, 2007

RSSPost a Comment  |  Trackback URL

 

Don't miss a beat!
Become a
MeAndMyDrum Insider today:

:

No spam. No way!

Culinary Schools Resource | Generators For Sale