GoFuckYourself.com - Adult Webmaster Forum - View Single Post

Voodoo · 04-15-2009, 04:10 PM

Quick Tutorial: CSS Sprites

http://www.g33ky.com/sprite/

Hello All,

I just threw this page together to test out a method for displaying CSS Sprites. Feel free to check it out. I didn't spend much time doing super-cool icons or code formatting or anything... deal with it (

), but for those of you who haven't been exposed to sprites before, it may give you some good ideas for your projects.

The concept is, use 1 image for all of your buttons or icons etc... and use CSS positioning to display the various parts of the image. This causes fewer server requests, faster page loading and less code in general. It's easiest if you set these up on a grid in your Photoshop file.

Hope it gives you some ideas.

-V

04-15-2009, 04:10 PM
Voodoo ♥ ♦ ♣ ♠ Industry Role: Join Date: Sep 2002 Location: Porn Valley, CA Posts: 10,590	Quick Tutorial: CSS Sprites Quick Tutorial: CSS Sprites http://www.g33ky.com/sprite/ Hello All, I just threw this page together to test out a method for displaying CSS Sprites. Feel free to check it out. I didn't spend much time doing super-cool icons or code formatting or anything... deal with it (), but for those of you who haven't been exposed to sprites before, it may give you some good ideas for your projects. The concept is, use 1 image for all of your buttons or icons etc... and use CSS positioning to display the various parts of the image. This causes fewer server requests, faster page loading and less code in general. It's easiest if you set these up on a grid in your Photoshop file. Hope it gives you some ideas. -V __________________ "I'm selflessly supporting the common good, but only coincidentally looking out for No.1."