Viewing CSS and code in WordPress

One of the best tools you can have if you’re using WordPress or any other web application is the Firebug add-on for Firefox.

Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. You can even edit CSS on anyone’s live site to see what it would look like in a different color….pretty cool. Below is what I did to the Facebook site using the Firebug tool.

Defacing Facebook - This is done using Firebug
Defacing Facebook - This is done using Firebug

I was able to change the color of the Facebook menubar using the Firebug tool. Now, keep in mind that you cannot save it on someone else’s site, but it is fun to play with. The main point that I want to make with this tool is that you can view HTML code, CSS, JavaScript, which makes this tool really helpful when debugging site errors. Below is the code I changed to make the menubar red on Facebook.

Viewing CSS and HTML using Firebug - (changed the background color to FF0000)
Viewing CSS and HTML using Firebug - (changed the background color to FF0000)

Let me know if you find this tool helpful.

Be Sociable, Share!

Leave a Reply