Mozilla Addon: Firebug for Developer

I've been developed a simple site and do my internship in the company that develop a website. During the times I do internship, this addon was usually used each of every developer whether CSS or content.

The Mozilla addon that fits to the need of web developer is Firebug. Just install or add the addon to your mozilla browser.

Install Firebug and use the addon to develop a nice and good site. Firebug has a file size of 1.1 MB.

1. Install Firebug.
2. Restart Firebug
3. Press F12. or click the icon seen below.

 

you will see the bug icon at the right bottom of the browser if you sucessfully installed the addon.

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.

If you press F12 or click the bug icon, you will see the code. And you can start edit the portion of the page whether HTML or Javascript  by clicking the edit. 

You can also edit the css code in this area. Click the image below,

 

Firebox Browser and compatible Firebug version.
Firefox 4.0 users: install Firebug 1.7
Firefox 3.6 users: install Firebug 1.6

Follow me on Twitter. @itsblogjomar
Follow me on Facebook: Jomar Is Me

Share on Google Plus

About Jomar Lipon

Web Developer at your service and frustrated blogger in Cebu. Author of JomarPH.com, SEO Specialist.