New Screencast: How to Use CSS Sprites
* 11/20/2008 — 10 Comments *
CSS Sprites have been a hot topic for a long time now. The fact is that each image on a web page is a separate server request and you can dramatically increase the performance of a page by combining images and reducing that number of requests. In this screencast I’m going to show you how to do exactly that, by taking what would be 8 different images and combining them into one. As an added bonus, we then expand the idea with jQuery and build ourselves a little accordion widget.
There is a new intro animation for the screencasts! I think it’s pretty cool. Much thanks to Kyrstian Morgan for putting it together for me.
I’ll get some form of downloadable example for this up soon.
Loading ...
I always wanted to see a video tutorial about css sprites, nice.
And by the way Sweet Intro!
That new intro is awesome!!!!
The tutorial wasn't too bad either!
Off topic, but I would realy apreciate a ipod/iphone ready forma for the screencasts to be available. Even more now these gadgets support direct downloading, without the need of iTunes to be in between.
For the rest: heads up!
You're welcome. You'll notice I didn't make it downloadable just yet for obvious reasons. I gotta change up the artwork =) Once you get the site up and running I'll be happy to plug it.
Nice tut Chris. And thanks for creating my site
I was introduced to sprites last year, and I thought it was the most fascinating css tricks I have ever seen. it took me a while to understand the concept, and when I did finally finish the project it was awesome.
The effect itself is very simple but the idea behind it is very neat.
Is deletion really the right way to handle constructive criticism, Chris?
Hi,
Is there an option to do an "a:active" like function on buttons done in sprites?
It's killing me
Thx
I haven't deleted a comment in ages. Do you think your comment may have been marked as spam somehow? Feel free to email me at chriscoyier@gmail.com and we can sort it out. I'm not afraid of criticism — the only reason I would delete a comment is if it personally attacked another reader and like I said I haven't done that in ages.
You're been voted!
Track back from http://webdevvote.com