Web Savvy Mama Blog: What do you want to learn today?

Do you have a topic you'd like to see covered? Feel free to drop me a note. Please make sure to mention that it's blog related in the message. If I pick your topic I'll include a link back to your website!

Firebug… see site changes on the fly.

A must have tool for anyone who wants to delve into design or even doing minimal changes to their website. Firebug. Its a plug in for Firefox (Mozilla Browser) that allows you to instantly see the HTML and CSS for any website. Not only can you see the code but it tells you if there are errors, makes it easy to read AND allows you to make live changes that you can use to see how you like an effect or look. Of course it doesn’t REALLY change the website but it will change how it looks for you at that time. This can help when you are trying to decide several backgrounds or colors. Or if you want to do something bigger like see how a new menu layout would look.

There are also several modes and tools built in. Want to understand how HTML works? Chose inspect mode and click and area of the website and it will display the corresponding HTML for that area. Click a div in HTML mode and it will display the related CSS information on the right. You can even monitor your network activity.
This is a highly handy tool for anyone wanting to understand their website, especially for designers looking for an easy way to test changes.

So if you have Firefox (which I recommend anyways!) definately check out Firebug

2 Responses to “Firebug… see site changes on the fly.”

  1. best fragrance review Says:
    January 14th, 2007 at 11:19 am

    hey nice one..and your site design is good too !! you dont have rss feeds ?

  2. kristine Says:
    January 14th, 2007 at 11:36 am

    No, at this time I do not have RSS feeds added. Look for them in the future though. :) I wanted to get more articles up before I go “really live” with the blog.

Leave a Reply


You must be logged in to post a comment.