Wednesday, February 18th, 2009

YAML Debug: Page Info Debugger

Category: Debugging, Utility

Dirk Jesse pointed us to his YAML Debug project, a cool little bookmarklet with a nice interface:

While he talks about its special abilities when mated with YAML-powered websites, its general abilities are quite handy indeed, including highlighting various code quality and accessibility metrics, conditionally removing style sheets, viewing layout information, and more.

One interesting feature is the ability to highlight the semantic structure of the document in-line, as shown below:

Content without semantic information

Content without semantic information

Content with semantic information

Content with semantic information

The YAML Debug project is calling out for feedback and feature requests; now’s a good time to give it a go. It’s a great complement to MODI, which focuses on DOM inspection, and Design from Allan Jardine, which provides some neat design-time tools.

Posted by Ben Galbraith at 9:00 am
1 Comment

4.5 rating from 22 votes

1 Comment »

Comments feed TrackBack URI

That’s really good! And beautiful to boot! Kudos++

Comment by oopstudios — February 18, 2009

Leave a comment

You must be logged in to post a comment.