CSS Sprite Generator Plugin for Illustrator

[owzim]

This is great and a total no-brainer, very comfortable. I know there are a couple of solutions out there including command line based ones (also within Grunt and Compass), but this has been the most usable for me yet.

http://spritecssgenerator.formfcw.com/

You can name your symbols like css selectors, and of course use Sass with it too.

I name my symbols like this (Sass placeholders):

• %sprite-next
• %sprite-next:hover
• %sprite-prev
• %sprite-prev:hover

and so on, and then I extend my desired elements like this:

.my-element {
  @extend %sprite-next;
}

It even summarizes symbols with same sizes into single selectors.

[alejandro]

I like it, ... includes svg fallback. Great documentation.

Sold!

Thank you for the link.