YAML DevBlog | An (X)HTML/CSS Framework

YAML Debug – Markup Analysis Tool (open beta test)

February 17th, 2009 by Dirk Jesse | News, Tools | 2 Comments

Since version 3.0.1 (summer 2007) YAML comes with a special debug stylesheet, which allows to visualize the layout structure as well as indicating whether the CSS file iehacks.css is integrated correctly in Internet Explorer. Also for some time, there was a bookmarklet available to use this stylesheet on any webpage. In general this was a good idea but the results were confusing, because of too much information. That's why I've fully revised this solution and made a new stand-alone application.

YAML Debug is a new assistive tool for web developers, that allows you to quickly review code quality and semantic structure of any website (particularly those based on YAML) as well as testing it against common oversights.

The new application is based on jQuery and as a bookmarklet it can be loaded on any website. So, have fun with the tool and get your bookmarklet on the official project page.

The current version 0.9 is still in beta stage and with this open beta test I want to get to know your thougths about this tool. For comments, bug reports or feature requests, I've set up a contact from on the project page. If there are no bigger problems, YAML Debug will replace the existing debug.css in the download package in the YAML release.

Note: If you need a playground for testing, the YAML layout examples are well suited. For testing the WAI-ARIA feature, take a look at Einfach für Alle.