At this point, we all know why spriting is important. And if you’ve used the technique in a few real world projects, you also probably know they can be a pain. The most flexible approach (at least in the short-term) is to use empty span elements wherever you need an icon, then style those up with CSS. Of course, that’s not semantic at all and could become hard to maintain. If you go the semantic route and use CSS exclusively for your spriting needs, you quickly realize that you need to very carefully construct your sprite map lest your images interfere with each other. Then, when you find out you need to add a few icons to the sprite, you cry.
The good glorious news is that it’s possible to have the best of both worlds by using CSS pseudo elements.
If you've ever tried to use these images from Microsoft for testing in older versions of Internet Explorer with VirtualBox, then you've probably followed these instructions by Jeff at 10 Volt Media. Lately, these images are requiring activation, which is not covered in Jeff's instructions. But it is possible. Here's how.
There's something I really need to get off my chest. The only thing in this world I care less about than your Gowalla check-in is the ridiculous prize that you probably just picked up from your latest Gowalla check-in. Whew. That feels good. Now that that's done, I'll try to keep the hating to a minimum.
It's always reassuring to know that OrangeCoat uses the right tools.