Efficient and easy way to debug CSS
If you’ve been working with CSS for some time, you’ve probably spent a fair bit of time debugging seemingly untractable problems that turn out to have a very simple solution.
The question: What can we do to debug our CSS faster? is there a streamlined way of debugging CSS.
Okay i want to share with you some few tips that i use in my CSS debugging
1.Validate your CSS
You may know the CSS spec inside and out, but this should still be one of your first steps. A CSS validator doesn’t just check to make sure you’ve been using the correct properties. It will also produce errors for most typos, like missing a quotation mark or a semicolon.
And discovering after hours of debugging that the problem was a missing quotation mark would be a bit embarrassing wouldn’t it?
2. Firefox Addons
Firefox is the developer’s browser. Use firefox addons to display and work on your CSS. Some of the addons i use are as follows:
- Web developer addon
- Firebug
- CSS Viewer
