Sick of picking through source code, trying to figure out what part of the code is affecting which element on your page? Hunt and peck no more; Firebug to the rescue!
While you cannot see server-side scripting in the Firebug panel, you have complete control to manipulate any HTML and CSS elements and find out what happens. It is not possible to break your site using Firebug; any “changes” you make are previews only.
Right click an element on the page and select “Inspect Element”. The corresponding code is then shown in Firebug. Click on a div or table tag; the area on the page is highlighted.
We could sell this tool, but there really is no need–you can download it for free at http://www.getfirebug.com!
These are screenshots of Firebug in action. Pick through the code, make mock changes, and see those changes previewed right before your eyes. Change any HTML and CSS elements on your page.
