Cooking css sprite in Spritepad
How we often make sprites:
1) Separate individual elements from the PSD for grouping into a sprite.
2) To accurately find the coordinates of the sprite elements, draw a grid of rulers for the layout designer.
3) And stupidly through alt + tab we rewrite the coordinates in css.
Yes, everyone may have a slightly different process. You can use the Google service for grouping all cards into a sprite, but it is not so flexible.
Another step towards simplifying the layout process with sprites is provided to us by German enthusiasts “We are kiss” with the Spritepad project .
1) Cut everything you need from the PSD to png24 and drop it in turn into the browser.
2) We position, and on the right we get the finished css-ku, whose classes will be generated based on the names of the files thrown into the browser.