12 things web developers should know about Firebug

Most web developers have heard of, and used Firebug, but perhaps don't know its full power. Firebug is a debugger, editor, and monitor for websites, CSS, HTML, DOM, JavaScript, and HTTP. It was created by one of the original Firefox creators Joe Hewitt.

Below I will list 12 of the most important things I feel web developers should know about Firebug.

1. You can instantly find any part of the page's HTML with Firebug

Have you ever used a background color property in HTML simply to see how big the element is? If so then you are wasting time.

After Firebug is installed simply right click on any place of any web page and select Inspect Element. This will instantly bring up the HTML inspector along with the styling information on the right hand side.

Once Firebug is open you can also click on the top left corner within Firebug, where the arrow is, and then use your mouse to hover over any part of the HTML page. Hovering over any HTML element will automatically highlight it for you in the actual HTML rendering.

2. You can modify HTML and CSS with Firebug

This includes editing HTML directly, adding attributes, removing elements, adding CSS styles, and more.

Read more: Brian R Bondy

Posted via email from Jasper-net