Diagnostic Styling Reloaded
Published on Aug 1, 2009 (updated Feb 5, 2024), filed under development, css, quality (feed). (Share this on Mastodon or Bluesky?)
This and many other posts are also available as a pretty, well-behaved ebook: On Web Development. And speaking of which, here’s a short treatise just about managing the quality of websites: The Little Book of Website Quality Control (updated).
Eric cultivated the concept of “diagnostic styling,” meaning using CSS to track down problems within HTML documents. I’ve been working with diagnostic style sheets for general quality assurance or to uncover specific semantics or maintainability problems mostly through bookmarklets. One of these bookmarklet style sheets is now publicly available on Google Project Hosting GitHub:
I wrote this style sheet a couple of months ago for Google, not necessarily following specific needs but to provide 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, too, on Google Project Hosting GitHub so as to play with that as well. This should explain both hosting and licensing of this rather small project.
Some things on the QA Style Sheet’s site are still work in progress. Above all I couldn’t directly link a bookmarklet of the style sheet, which is the most useful way of working with it (that bookmarklet link is available on a separate page). There are many ways to inform me about issues though, be it on the project site or in this place. While I hope it’s not difficult to understand what the style sheet does and why, I hope to slowly extend the site’s documentation.
About Me
I’m Jens (long: Jens Oliver Meiert), and I’m a web developer, manager, and author. I’ve been working as a technical lead and engineering manager for companies you’ve never heard of and companies you use every day, I’m an occasional contributor to web standards (like HTML, CSS, WCAG), and I write and review books for O’Reilly and Frontend Dogma.
I love trying things, not only in web development and engineering management, but also in other areas like philosophy. Here on meiert.com I share some of my experiences and views. (I value you being critical, interpreting charitably, and giving feedback.)