I was testing some work out in all major browsers as expected when I stumbled across Firefox’s partner page, a very nice single page site. It contains a little fox which is animated. Initially I jumped to the conclusion it was Flash thinking they may of been lazy. After ruling this out I thought it must be some combination of Canvas or CSS. Wrong again.

They’ve created a sprite containing every frame they want in their animation, they’re then running through these using JavaScript to manipulate the background position.

This is certainly a new way of doing the animation but I’m not entirely sure if it’s the best. Obviously it has it’s advantages of working in any browser with JavaScript support and will fall back to a non-animated version if not.

I guess in a way I’d expect Firefox to use all the new web technologies that have been pushed rather then this what seems like a lazy approach. None the less it’s still a beautiful site which functions amazingly well.

Where’s the Canvas/CSS3 love gone Firefox?

Dave Macaulay
Dave Macaulay
I'm an enthusiastic, slightly eccentric Magento developer who bores with the idea of another basic brief.