Realignment, irama.org 4.0

I figure it’s high time to start posting again, and long overdue to update the site template—some of the legacy cruft was getting a little embarrassing.

I had an irama.org 3.0 design in the works a few years ago. Noting came of it. Thank goodness, it was awful. I can’t bring myself to show you.

This update (skipping straight to 4.0) features a clean, minimal design, focusing on the content. The overall colour scheme and structure has remained as it always was (it’s just a realignment, after all).

The code is a fairly heavily modified version of the simple Skeleton theme for WordPress—I’ve given up rolling my own themes from scratch, the amount of effort required to output cleaner code is just too high. With legacy cruft gone, there’s room to embrace contemporary technologies: HTML5 replacing XHTML, CSS3 media queries for responsive layout to replace the old JavaScript-driven approach.

I haven’t testing the IEs yet. If you’re using IE, I’m sorry, how embarrassing for you 😉

I’m sure there will be tweaks to come in future.

Edit (11/04): For this design I played with visual hierarchy using ‘negative visual weight’—i.e. fading back secondary elements so the content stands out. This reduces accessibility for some visitors. If this applies to you, I apologise—please let me know how you prefer to deal with sites that have colour contrast issues? e.g. Do you: a) Use a custom style sheet? b) Look for a ‘zoom layout’ or ‘accessible version’ button? c) Curse the designer and leave/complain?

Posted in

Leave a reply