This site was developed primarily using Google Chrome and makes use of many modern techniques that are at a designer’s disposal today including CSS3 gradients, transparency, animated transitions and shadows.

Browser support

One for all and all for one.

There is only one version of the site. We do not perform any clever backend work to deliver altered markup to specific browsers, mobile devices or internet refridgerators. What you get is what everybody gets — it’s up to your browser to decide what to do with it. This is the way the web is supposed to work.

This site has been tested under all major browser platforms.

The site has been tested using the latest version of Mozilla Firefox (at the time of writing, version 10) as well as the popular 3.6.x series, the latest versions of Google Chrome and Safari, and Microsoft Internet Explorer 9, 8, 7 and 6 — though if you’re browsing with IE6, you’re going to be nagged to upgrade!

Additionally, the site has been tested using the VoiceOver and ChromeVox screen readers. We have not been able to test the site with JAWS due to the commercial nature of the product. Please let us know if there are specific issues that you encounter while using screen readers and we will endeavour to correct them.

While the user experience is not identical in every browser, it does not vary significantly and gracefully degrades where browser features are not available.

About the imagery

The world is full of talented and generous photographers and illustrators.

Some images are licensed under a Creative Commons license.

The photographs used as banner images on some of the pages are subject to Creative Commons licensing terms. We’d like to express our thanks to these people for providing some fantastic images while licensing them in such a way as to allow us to share them with the world.

Both Sawasdee and Quattrocento Sans are served using CSS3 Fonts Module techniques supported by all modern browsers.

Navigation and footer elements are displayed using whichever modern sans serif font is installed on your system — in order of preference: Helvetica Neue, Arial, Helvetica, Nimbus Sans L, Liberation Sans or FreeSans. Where small type sizes are used, fonts known for their clarity at small point sizes are used instead — in order of preference: Helvetica Neue, Verdana, Bitstream Vera Sans, DejaVu Sans, Tahoma, Geneva or Arial. None of these fonts are served using CSS, so if you don’t have any of them installed, such text will be rendered in your browser’s default sans serif font.

Technology behind the scenes

We write open source, we use open source.

While the site is ultimately served as static HTML and CSS documents, it is generated from templates written in Haml, Markdown (or, more specifically, using a superset of Markdown known as kramdown) and erb.

We use nanoc to combine the consituent parts (document structure, textual content, images, styles and scripts). We run this on a Linux-based staging server under version 1.9.3 of the Ruby language.

Stylesheets are crafted using Syntactically Awesome Stylesheets (Sass) and bespoke JavaScript is written predominantly in CoffeeScript. These technologies are simply a pleasure to work with as they act to reduce the usual verbosity and complexity of stylesheets and scripts.

Enhancing the user experience.

The site uses the jQuery library and several jQuery plugins to enhance the browsing experience. The jQuery plugins used are:

Additionally, the site uses the Modernizr library to perform feature detection and the Respond library to provide a CSS Media Querypolyfill for older browsers. Media queries allow the site to use different styles when being displayed at different widths so, for example, the same markup and stylesheets can be used for browsers on mobile devices as well as desktop browsers. Media queries also allow the site to look better on larger screens as styles can be designed to properly consume the larger amounts of screen real estate made available on such displays.

Finally, to try and bend Internet Explorer to our will a little more, we make use of the CSS3 PIE library which aims to allow various CSS3 features to be supported in Internet Explorer through the use of Microsoft’s bespoke DHTML behaviours feature. This is used, where possible, to generate rounded corners for those unlucky few who remain trapped in the clutches of Internet Explorer!

Wrapping up

We like technology — moreover we like technology used well.

Websites can be overcomplicated. They can be all-singing and all-dancing affairs that do much more than simply get the message across. Like everything we do at Alces Software, we try to retain simplicity while not compromising on effectiveness.

Ultimately, technology is all about getting things done. Let’s go and do some more.