realtimethrill.com Technical Details

Although most markup that is common amongst pages accross the site (e.g. the header and navigation bar) is stored only in a single file, no server-side components are used. Instead, in order that the site can be hosted using a simple, non-user-configurable Web hosting account, common markup is written to each page using Javascript. (To Do: update markup-producing scripts to use DOM methods and completely refactor all JavaScript!).

XML is the format used for the lyrics files (see lyrics page), which are validated against a custom DTD. The XML is styled for rendering using an XSL style sheet. Again, because the site is designed for use with no server-side components, XSL transformations are carried out browser-side.

The navigation bar and "lightning text" animations were developed in Javascript using an object oriented approach to maximise re-usability. (To Do: convert animateText.js to use OOP).

XHTML styling is achieved exclusively by CSS. To aid accessibility the site also features a table-less layout by the application of CSS. (To Do: update header script to avoid HTML table use and refactor all CSS).