📜 ⬆️ ⬇️

Preparing a css sprite in Spritepad



As we often make up sprites:

1) Select the individual elements of the PSD for grouping into the sprite.
2) To accurately find the coordinates of the elements of the sprite draw a grid of lines for the layout designer.
3) And we stupidly via alt + tab we rewrite the coordinates in css.
')
Yes, this process may be a little different. You can use the Google service grouping all kartnok in sprite, but it is not so flexible.

Another step to simplify the process of layout with sprites is provided by enthusiasts from Germany “We are kiss” with the Spritepad project.

1) Cut out everything you need from the PSD-shki in png24 and drop it one by one 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 dropped into the browser.

Source: https://habr.com/ru/post/139914/


All Articles