Plankton

Michael Story | Web Designer

Skip to content

Sprite Right App

I’m a fan of using CSS sprites in my projects and this app looks like a real time saver.

http://spriterightapp.com

Best part of using it would be being able to create multiple sprites and serving them up depending on the browsers ability to render CSS3 declarations. You can create a sprite that contains all the buttons and icons from your mockup and a second or third sprite could contain less buttons and image content which you serve up to the modern browsers.

So using Modernizer:

.icons {
background: url(big-sprite-with-lots-of-buttons.png);
}

.cssgradients .icons {
background: url(modern-sprite-no-buttons.png);
}