How To: Use Firebug to debug CSS code on a webpage

Use Firebug to debug CSS code on a webpage

An easy way to view your CSS code of your website is through the Firefox plugin called Firebug. It's really helpful, especially if debugging your code. Just remember, you cannot save anything with Firebug, it's only for viewing code and adding codes for previewing webpages.

Some questions that these two videos will answer are below.

How to use Firebug to Debug CSS code of a Web page:

How to install the Firebug add-on in Firefox?
How to use HTML and CSS panel?
How to debug CSS code of the webpage?
How to save Firebug debugging?
How to edit CSS or HTML code of a web page?
How to disable or enable firebug panels or options?
How to use Firebug?

How to Debug CSS or Function Code to Fix Your Website:

How to debug custom.css function code?
How Firebug options works?
How to use HTML and CSS panel in Firebug?
What is the use of Firebug?
How to check if a CSS or function code is working or not?
How to edit CSS code using Firebug?
How to add functions code in your site using Fire bug?

It contains an example of how to add second navigation menu in Thesis theme using Firebug.

For more information, visit the 4blogger post.

Want to master Microsoft Excel and take your work-from-home job prospects to the next level? Jump-start your career with our Premium A-to-Z Microsoft Excel Training Bundle from the new Gadget Hacks Shop and get lifetime access to more than 40 hours of Basic to Advanced instruction on functions, formula, tools, and more.

Buy Now (97% off) >

Other worthwhile deals to check out:

Join the Next Reality AR Community

Get the latest in AR — delivered straight to your inbox.

Be the First to Comment

Share Your Thoughts

  • Hot
  • Latest