Wednesday, April 8th, 2009

CSS Sprite Creator

Category: CSS, Utility

Chris Brainard wrote in to tell us about his new CSS Sprite Creator:


Posted by Ben Galbraith at 8:29 am

3 rating from 40 votes


Comments feed TrackBack URI

This would be more useful if you could specify the width and height of sprites and then it would create a grid that you could choose the sprite you’re looking for. Using a cropping interface is pretty much guaranteed to get you picking either the wrong width/height or the wrong x/y.

Comment by vvtim — April 8, 2009

I’m on Linux (Ubuntu), FF3 and always keep getting the error on file upload

“There was an error uploading the file. Maybe your file is too big. The max file size is 5mb.”

even if the file is just 10kb!

And Tim, I completely agree with you.

Comment by AotearoanBlue — April 8, 2009

Sorry I had a server issue that had to be fixed. File upload is working now.

Setting the height and width of the select is an excellent idea and I will add that change to the next version.

Comment by floweringmind — April 8, 2009

Is this really so difficult a task that we need a “creator” wizard?

Comment by wwwmarty — April 8, 2009

Difficult, no. Time consuming and tedious, perhaps.

Comment by gsalien — April 8, 2009

I haven’t tried it yet, but I appreciate the idea of the tool. Having created plenty of CSS sprites in my day, it tends not to be such a fun task.

A couple of suggestions… one, make an Air version please :) Second, keep a running list of the sections I’ve selected so at the end I have 50 classes that I can just copy to specify all my sprites… third, as vvtim said, allow me to specify a width/height and then replicate that across the entire image in a grid.

Thanks for your efforts!

Comment by fzammetti — April 8, 2009

Leave a comment

You must be logged in to post a comment.