Command-line CSS spriting

http://www.phpied.com/command-line-css-spriting/

by Uncle_Sam • 15 years ago

55 12 15 years ago

alanh• 15 years ago

I’d been passively hoping for a command-line image spriting tool for a while, so this is great.

But I don’t need it anymore. I’ve discovered @chriseppstein’s fabulous Compass. Now you don’t even need a command line — you can sprite directly in your (s)css!

http://beta.compass-style.org/reference/compass/helpers/spri...

(This version isn’t stable yet, so install with `gem install compass --pre`. Actually, not sure if this feature is stable yet or not, but the beta version of Compass rocks.)

morganpyne• 15 years ago

I keep beating the Compass drum too. This approach seems like so much work and rather primitive in comparison. Compass will manage all this automatically, on the fly.

trampsymphony• 15 years ago

Also worth checking out:

- for flexibility, the CSS Sprite gem (https://github.com/flyerhzm/css_sprite)

- for ease of use, the Lemonade gem (https://github.com/hagenburger/lemonade)

moeffju• 15 years ago

Lemonade has actually been rolled into compass in the beta. It is highly recommended to use the compass beta over the lemonade gem now.

hdragomir• 15 years ago

You may not have too much control over the positioning of the sprite parts, but that's minor.

Can't wait to use this!

troels• 15 years ago

Sure you do. Imagemagick can do almost anything.

grayrest• 15 years ago

If you're going to use a tool to do your spriting, you might as well go all the way and data-uri inline your images. Spriting is a leaky abstraction that only exists today because the recipe for getting them working in old IE is complex enough that it needs to be automated.

JoachimSchipper• 15 years ago

The basic idea works, but note that