Diagnostic Styling Reloaded
Jens Meiert, August 1, 2009.
This entry is filed under Web Development, Accessibility.
Eric cultivated the concept of “diagnostic styling,” meaning using CSS to reveal specific problems within an HTML document. I myself have been working with diagnostic style sheets for quite a while, be it for general quality assurance or to track down specific semantics or maintainability problems, mostly in the form of bookmarklets. One of these style sheets is now publicly available:
I wrote this style sheet a couple of months ago for Google, not necessarily following specific needs but to just offer an additional quality-related tool. To follow many other – though obviously much more impactful – examples of Google sharing code, I decided to make that QA style sheet public, at the same time playing a bit with Google Code. This should explain both hosting and licensing of this still rather trivial project.
Some things on the QA Style Sheet’s site are not quite perfect, above all that I couldn’t directly link the most useful way to use the style sheet, the bookmarklet (it has to be made available on a separate page). There are many ways to call me on issues though, be it on the project site or in this place. While I’m confident you’ll figure out what the style sheet does and why, I hope to slowly extend the site’s documentation.
Read More
Enjoy the most popular posts, probably including:
Comments
-
On August 1, 2009, 14:43 CEST, Neovov said:
This is freakin’ excelent ! Thanks a lot, I’m gonna over-use it !
-
On August 1, 2009, 21:55 CEST, Vladimir said:
Useful. Thank you for sharing.
I was thinking of building something similar, but with powerful tools like Firebug doesn’t make much sense now. It will be cool to make bookmarklet for IE6 who will simulate the DIV behavior. -
On August 4, 2009, 16:22 CEST, Jens Meiert said:
Thanks, Nicolas, Vladimir (noticed that you’re experimenting a bit with bookmarklets).
