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.

    Also popular now: