Zen Node-Browser Prototype

In the node-browser mode of Zen, every node that it is possible to outline will be outlined so the structure of the page can be better visualized.

Here is a paragraph. This paragraph contains some inline elements—an image and a span.This is a span.

Here is another paragraph.

This is the last paragraph in the first <article> element.


It is easy for a user to miss the fact that the <hr> element above can be selected by the mouse because it does not have much height. Any element with a small computed value for its height will present the same difficulty. It might be a good idea to set a minimum height of about 5 or 10 pixels to every element.