HOME | DD
NellyAsher — Button Hover Using Sprites
Published: 2010-02-19 09:53:20 +0000 UTC; Views: 4030; Favourites: 59; Downloads: 83
Redirect to original
Description
Some articles on the subject:Sprite techniques - tools and tutorials
Building faster websites with CSS sprites
CSS sprites: What they are, why they're cool and how to use them
______________
This is a contest entry for tutorials contest. More information here: [link]
Related content
Comments: 11
Nice tutorial. Yeah, sprites are useful. I made first experiences with them last year.
Very helpful for people who didn't know about this way to display images very fast.
👍: 0 ⏩: 0
Featured in Project Educate: Design Tutorials and Resources .
👍: 0 ⏩: 0
Hi!
Congrats on getting 3rd place in the contest 
Your journal feature is coming soon!
👍: 0 ⏩: 0
Why you do that? There are thousands of tutorials like that, and done better. Biggest problem is that yours is a picture, so nobody can copy and study the code.
👍: 0 ⏩: 1
Well, there's nothing new under the sun. The technique is there for ages, of course, but I wish more people were using it, so I made this tutorial to introduce the basics and encourage people to research it further.
For one, you don't seem to use it at your own site at the moment. Before all graphics are downloaded, buttons whose hover states haven't downloaded yet turn into blank rectangles upon hovering - an exact problem sprites help you avoid.
I've listed some in-depth tutorials on the subject in artist's comment, but if you know others as helpful - please, give the links, I'll add them too.
👍: 0 ⏩: 0
