Firebug is a very useful Firefox Add-ons, that enables you to see the source code of a particular function of any blog or website. Let say you want to know the CSS code of Techmaish sidebar “Popular Posts” entry. You just need to install the plugin, and then put the mouse cursor on the area, and you will get the CSS code. (Screen shot)
How Firebug Works?
When you will install Firebug pluin in your firefox, you will see a firebug icon on your browser status bar. By clicking on that you will see another box just at the end of the page. Where you can adjust and modify things in a blog or website. You simply place the mouse cursor over the place for which you want to know the CSS code or want to adjust width or height.
2. Click on that mouse and place at any where at the blog or website to know its CSS or HTML code.
3. Click on “CSS” button to know its CSS code OR click on “HMTL” button to know its HTML code.
4. Click on the “Edit” button to modify the code and preview it in your browser. The changes will only effect in your web browser. This is just a handy tool to see your blog before actually applying all the codes.