Use CSS Diagnostics with Stylish to find bad HTML
A similar approach to checking HTML quality is using CSS to highlight invalid or deprecated code, which I talked about in Helping your client maintain markup quality.
Neal Grosskopf has taken the concept a step further and created a diagnostic stylesheet that highlights, among other things, deprecated and proprietary elements and attributes. He describes his stylesheet in A Second Look At CSS Diagnostics.
Including a diagnostic stylesheet works fine for sites that you develop and have write access to. But since I regularly review sites that other people have built I would like to be able to apply a diagnostic CSS to any site. Enter the Firefox extension Stylish.
With Stylish installed in Firefox you can do things like easily toggle user stylesheets on and off, and specify which sites they should be applied to. Perfect when you want to apply a diagnostic stylesheet only to some of the sites you visit.
- Previous post: Validating WAI-ARIA in HTML and XHTML
- Next post: WAI-ARIA support in IE8 RC no longer non-standard
Subscribe / follow
- Designers @ Meetup at Meetup (New York, NY, Ne, US)
- Front-End Developer (jQuery/CSS) at ActivPrayer
- Ruby on Rails Developer at BeQuick Software (Palm Beach Gardens, FL; Nashville, TN; Anywhere, USA, Fl, US)
- Publication and Textbook Designer at The Church of Jesus Christ of Latter-day Saints (Salt Lake City, UT, Ut, US)
DreamHost web hosting
Use the promo code 456BEREASTREET3 to save USD 20 when you sign up for DreamHost