July 03, 2012

New CSS & sprite-making tools

  • CSS3PS is a free Photoshop plug-in that promises to turn your Photoshop shape layers & styles into CSS. (See also previous: CSS Hat; generating CSS from Fireworks CS6). [Via Barkin Aygun]
  • SpriteRight is a $5 Mac app for combining multiple images into sprite sheets, then creating CSS that goes with them. [Via Fabrice Delaneau]

I used to be a kick-ass Web production guy, but that was when Bill Clinton was president, Michael Richards was employable, and DeBabelizer walked the land. Now I feel behind the times relative to production best practices, so as always if you have feedback about what’s useful & what’s not, I’m all ears.

Posted by John Nack at 8:07 AM on July 03, 2012


  • Valentijn — 12:14 PM on July 03, 2012

    Hi Mr. Nack, have you seen our mail about photoshopmonkeys.com? It’s a native photoshopplugin to save slices very quickly.

  • Nick Hampson — 9:41 AM on July 04, 2012

    The sprite stuff looks great for desktop stuff but for mobile you may want to do it manually in Photoshop. Theses devices are memory constrained and the physical size of the sprite sheet is really important even empty pixels are dealt with and take up memory. It’s not just about how many Kb the file takes up on disk it’s also the L x W x 4(RGBA) beware those empty pixels in mobile work.

Copyright © 2020 Adobe Systems Incorporated. All rights reserved.
Terms of Use | Privacy Policy and Cookies (Updated)