10 minute tutorial: Animated favicons

In this cross-platform tutorial you'll learn how to create animated favourites icons for users without sacrificing support for those running.

As you browse the web, you're sure to have noticed that many sites have their own bespoke icon in the address bar. Take a look at Google, Amazon or Wikipedia for examples. These are 'favourites icons' - so called because they also appear in your browser's favourites menu when you bookmark a site.

It's less well known that Firefox supports animated favourites icons. However, as is frustratingly common, Internet Explorer doesn't support the same protocol. To get both static icons working alongside their animated siblings requires a bit of lateral thinking and a snippet of handy HTML. We supply both in this brief tutorial.

Click here to download the tutorial for free