Blog: Web Interface

Pure CSS Rollover Map Demo – England Regions

A tutorial for producing these maps will be provided soon. With the help of InkScape and a spreadsheet, they are not quite as fiddly as you would expect. Each map consists of a single image, with all the roll-over images as a part of the main map image. It uses a ‘sprite’ technique to move the roll-over background images into position when the mouse hovers over the [square] regions. Why do it like this? Firstly there is no JavaScript involved.

First Considerations

Over the next few months I’ll be working on a project that involves coding the frontend of a website. The first thing I consider is what level of accessibility is the site going to follow and at what cost. I always write a site to adhere to a strict xhtml standard: [sourcecode language='html'][/sourcecode] Why? If I don’t follow a standard then what am I actually following. There isn’t any extra effort in doing things by the book so why avoid