Another 10k Apart competition, and another Notable Mention!
Having taken part in the two previous editions I went to work straight away on my entry for this year. I created a little game called Country Hopping. It's a bit like Pokemon Go, but without all the walking. The aim is to link as many bordering countries as possible before running out of neighbours or making a mistake. You get three lives, but if the last country picked has no neighbour left, you lose no matter what.
The main challenge I faced was the amount of buttons I needed on a page. I compiled a list of all countries with neighbours and there are 162. Creating a html button for each one, on a plain web page without styling, takes you over the 10kb download limit. I needed a clever solution.
First, I split the world in two: east and west (of the Atlantic Ocean). This solved the problem for the west, but the east was still too big. Next I used a .htaccess file with compression rules to make the files as small as possible. This did the trick. And it left me with enough kb to style the experience with CSS.
Like the previous 10k challenges this was a fun little project to do alongside client work. Useful too. Page speed and making websites work in all conditions are important for any website. Finding ways to build a good website that loads fast is challenging, but worth the effort.
I am delighted that my entry is one of the Notable Projects. I browsed through the other entries and there are plenty of good ones. It's amazing what you can do with just 10kb if you put your mind to it.