As a web developer, there are some things that consume a disproportional amount of my time (the whole 80/20 rule: 80% of the work takes 20% of the time, and the remaining 20% of the work takes 80% of the time). One of those things is creating and implementing sprites. Now, I could just use a super-cool tool like Compass to automagically generate and implement my sprites for me, but as I pointed out in a series of articles for the Treehouse Blog, there are some issues that make them kinda difficult to work with, especially when you’re dealing with HiDPI (let’s just call it Retina) displays.
Every silver lining has a cloud, it seems, and that’s as true with front end web development as with anything else. So as cool as all that making CSS sprites with Compass is, if you want to get into the least little specialized use-case, you’re in for a world of trouble. I explain here.