Disabling CSS in the browser
Besides catering to graceful degradation as seen with the recipe on disabling JavaScript, disabling CSS files is invaluable during debugging, especially once the levels of complexity increase.
This recipe will detail the steps required to disable CSS during development.
Getting ready
In this recipe, we will be using the Web Developer add-on for Firefox and Google Chrome which can be downloaded from http://chrispederick.com/work/web-developer/. It is assumed that it has been installed and enabled.
We will also be using the myzen theme created in earlier chapters as the example theme in this recipe.
How to do it...
Once the Web Developer add-on is installed in Firefox, a toolbar should be available at the top of the page. Clicking on the CSS drop down should present a list of options including Disable Styles, which in turn, leads to another submenu featuring a number of options. Of immediate interest is the All Styles option, which when enabled, disables all CSS styles...
