Just saw this and thought you should know about it. It's pretty neat tool to help you create CSS from a sprite image. Furtheremore, it's a WYSIWYG tool. Neat, you should check it out!
CSS Sprites are the preferred method for reducing the number of image requests. Combine your background images into a single image and use the CSS background-image and background-position properties to display the desired image segment.CSS sprites also are a way to reduce the number of HTTP requests made for image resources referenced by your site so it will increase page loading speed.This post looks at useful tutorials for CSS Sprites.
I'm a big fan of SitePoint. In fact, other than the old HTML Goodies site, I've learned most of my CSS from SitePoint. This afternoon while I was cleaning out my email inbox, I came across a nice article about Creating Beveled Images with CSS. It starts out showing you what the end result will be, gives you 4 techniques to follow with examples so you know what it looks like, and, it ends with where you can go to take beveling one step further.
If you've ever had to work wtih CSS3, you know how annoying it can be. Remembering what browser supports what can be painful and time consuming. Luckily, there are some great CSS3 generators out there to save us a headache or two. The following are a few CSS3 generators for you to play with and bookmark for the next time you're working with CSS3.
In my quest to know more than I should know, I found the following css effects:
SitePoint is a great resource for learning how to do things on the web. Visit SitePoint's CSS Reference Section.