This week the interwebs have been alive with the sound of the so-called ‘touch icons’… a low hum possibly produced by them gently jiggling away on your homescreen.

Like many a designer looking for the frequent digital distraction, I’ve been creating some icons for the Carsonified sites. Earlier in the week, almost right after the iPhone / iPod Touch software update was announced, Dan was on the case and his walkthrough was a more extensive guide than the one on the Apple Developer Connection. Shortly after, Nathan experimented with larger image dimensions than the 57×57 recommended by Apple, and – after a few experiements from and on behalf of readers – found that 60×60 was the ideal size. Huzzah! Cue a lot of happy web designers, all making shiny new icons for their sites.

However, this was only the first stage. Drew came up with a bookmarlet to address the fact that we wouldn’t normally be able to edit icons for sites we don’t manage, only to have it improved upon by Rob to override websites’ existing icons (and then re-tweaked by Drew). Then, just when we thought we’d achieved the highest possible state of ecstatic icon-induced nirvana, Cameron modified the bookmarklet even further and made the whole process a doddle for the average user. (His article is also a rather nice summary of the work done by others.) Finally, we’re now seeing all kinds of sites pop up (such as Andy’s that offer a number of icons ready for the end-user to install.

Phew! Now that I’ve worn myself out with a blow-by-blow account of that week – which will no doubt be out of date by tomorrow – I thought I’d show you the Carsonified icons (styled here so as to mimic their final rendering on the iPhone / iPod Touch) that I’m in the process of rolling out. They should be on all of the relevant sites by the end of the week.

Preview of touch icons