This posting is the first of a set describing the reasoning and working behind the latest updates to my website.
Over time I've made a lot of small changes to the site, both front end (what you see in the browser) and back end (the fancy stuff in the background that drives it) that have meant that things aren't quite as clearly and logically laid out as they could be. This makes predicting the effect of future changes harder. This nearly always happens with software and occasionally you have to dive in, get your hands dirty and tidy things up.
Sometimes changes are required because of external influences, for corporate websites this could be for legal reasons, in my case (and I suspect for a lot of people who maintain websites) it is the increased use of mobile devices such as smart phones and tablets being used to access the web. From the site logs, visitors using smart phones or tablets individually outnumber those using Internet Explorer 7 and together they almost outnumber those using Internet Explorer 8 so this change cannot be ignored. Mobile users have different requirements both in how they use a website and how the website should appear and be usable on such small screens.
The main ideas have been to:
- reduce how much data is sent;
- display the data appropriately;
- limit the amount of data initially shown with user options for pulling in more;
- incorporate the touch interface.
I'd moved the site to use the latest version of HTML (5) a year ago though it doesn't require many of the new markup that the standard introduces.
Along with similar changes to several mainly text pages this means that any future updates to look or behaviour of these pages is much simpler and I'm less likely to miss a file or break something - if one of the pages works then they'll all work.
The next posting will look at the CSS changes.