Kid Radd Compatibility Tweaks
When Dan Miller originally wrote Kid Radd in 2002, the Internet was a much simpler, and slower, place. Most people accessed the Web through a dial-up connection.
Instead of serving monolithic, precomposed images as most webcomics do, Dan had the rather clever idea of building the comic straight in the browser using HTML to lay out and scale tiny GIF images to form the full panels.
But as technology has marched on during the past ten years, the comic began to get left behind. It started breaking in sometimes subtle, sometimes not-so-subtle ways in various browsers.
The latest Webkit browsers don't display anything at all any more.
So, for anyone interested, here are the details of the tweaks I've made to the comic to get it (mostly) back up to speed for 2013-era browsers.
Music - Thankfully (depending on your point of view), MIDI music has fallen out of favor these days. All MIDI music has been convered to OGG/MP3 and embedded using the HTML5 <audio> tag. I suppose this is a bit against the minimalistic spirit of the original comic (the OGGs are 50 times the file size of the MIDIs!). Oh well.
Image Alignment - A simple vertical-align: bottom CSS rule was sufficient to fix some image alignment issues.
Keyboard Navigation - This is just a straight-up enhancement on my part. The left and right arrow keys can now be used to navigate the comic.
Hopefully these fixes will keep the comic readable for at least a few more years. :)
- Brad Greco