nglayout project

You must be using NGLayout to view these demos, since they rely on the W3C Level 1 DOM, CSS 1, CSS 2, the not-yet-standardized CSS Object Model (will likely be part of DOM Level 2), and other goodies. We'd really like your help in building additional demo content. Please check out the relevant W3C specifications (CSS1, CSS2, HTML4, DOM) and send us URLs for your cool and snazzy demo pages. We'd really like to include your work here - just send us a note if you're interested.

Note that some demos have been modified to work in other browsers that don't support all of these things. For example, the "Expando" demo works in IE5B2. Because IE5B2 doesn't support much of the W3C Level 1 DOM, we put in some backwards compatibility hacks (document.all instead of document.getElementById).

We encourage you to write your own demos - download NGLayout, read up on your W3C specs, and hack away! Be sure to let us know if you have something exciting to share.

• Jump! Travel - See CSS, HTML 4.0, DOM, XML and XML+CSS in action, all in one place. This demo was originally shown at the C/Net Builder.Com conference in New Orleans.
• Random Style - Swap styles on a test paragraph on a random basis. Shows off NGLayout's support for CSS, the CSS object model, JavaScript and incremental reflow.
• Expando - Oscillates the letter spacing between 0 and 1 em in a document with a floating div and a :first-line rule.
• Netscape home page - with some funky CSS object model stuff applied to all the links in the document.
• "Book" search results, in XML - this presents some imaginary search results for books in XML. It's displayed with XML+CSS and uses the DOM for nifty effects (you can swap which style sheet is enabled, and use the DOM to sort the books by Author, Title, etc.) Note this is a zip file to download and view on your local machine -- there is a temporary glitch in netlib right now that makes this demo rather slow over the Net.
• Gecko's Realm - includes some great standards based content. Very worthwhile!