tjameswhite.com

I installed the Web Developer’s Toolbar in Firefox and was poking around its many features on different web sites when I came across the “Display ID & Class Details” function in the Information section. Now, this is certainly handy when troubleshooting your own site, but it can be equally infomative when looking at other sites.

Thinking back to Eric Meyer’s article “Really Undoing html.css,” where he talks about modifing the core CSS file for Firefox, I surmised that it would be possible to target one of the IDs found on a web site and modify it’s behavior. I was right. (Of course, you don’t need to modify the html.css file, since the Web Developer Toolbar also lets you load user defined style sheets.)

Take, for example, a site you frequently visit that has a banner across the top. In order to get directly to the content of the page, it’s possible to write a quick rule, such as .banner {display: none;}, and presto, a cleaner page.