Colophone

Fonts

Fonts used on this site are BitLow by Magnus Högberg (page header), Verdana (body text) and Georgia (block quote text).

XHTML

This site was built with web standards very much in mind. It uses XHTML 1.0 Strict at its core which I have tried to make as semantically correct as possible while also allowing for future flexibility.

CSS

This site uses CSS 1 & 2 to control styles. CSS use has been carefully filtered to ensure that the site appears correctly in a variety of CSS capable browsers, including IE6/Win, IE7b/Win, Mozilla Firefox, and Safari on the Mac. The site has been built to degrade gracefully in older non-CSS compliant browsers such as Netscape 4. As such the page content will still be visible in Netscape 4 but it may look aesthetically less exciting.

The primary navigation rollovers are created using compliant CSS 2, which means they will still work in a compliant browser without JavaScript. Due to particularly poor standards compliance IE6 requires JavaScript for this functionality, which has also been added.

JavaScript

The site uses unobtrusive DOM-based ECMA-Scripting which has been applied such that it should degrade gracefully in non-JavaScript browsers or environments where JavaScript has been disabled.

Flash

The embedded flash on this site has been added using standards compliant markup. While this works in most browsers, it can sometimes fails to appear in some browsers and it also suffers from a nasty 'lack-of-fluidity' effect in IE. This kind of embedding alone is not recommended for a commercial project but I was keen to include only compliant code on this, my personal site. It works nicely in most nice browsers with no JavaScript. An enhanced JavaScript embedded version has also been included which overrides the standard version where JavaScript is available. This also solves the strange effect in IE.

Accessibility

A degradable standards compliant design helps make this site widely accessible across a range of browsers and platforms. However, some design choices do run contrary to suggested accessibility guidelines. Notably this site uses pixel-based font-sizes that are not scalable in IE/Win. Given the nature of the site I felt this was an acceptable design choice. Should IE users require larger font sizes I recommend the use of a more flexible browser.

Help Me

I'm always learning and always improving my skill set. If you have read this far you obviously have an unhealthy interest in the markup and code of my web site. I'm confident that this site is pretty good code-wise but if you see me doing anything wrong, whether it be syntax or semantics, I would be glad to hear from you, so that I can correct it, learn from it and move on. Thank you for visiting and taking an interest.