You are currently viewing a snapshot of www.mozilla.org taken on April 21, 2008. Most of this content is highly out of date (some pages haven't been updated since the project began in 1998) and exists for historical purposes only. If there are any pages on this archive site that you think should be added back to www.mozilla.org, please file a bug.

Skip to main content

nglayout project

demo content

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, , 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 element 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.)
    If the link to the book doesn't work you can download it completely.
  • Gecko's Realm - includes some great standards based content. Very worthwhile!