Did you know that you can increase performance of your site just by limiting the number of images the browser needs to download?
CSS Sprites is a popular technique where you place all your imagery into one single image file. Then you use CSS positioning to display the images where needed. It's also a great technique for rollover and suckerfish type interactions.
The benefit is that the client only needs to fetch one image for your entire site. Since this image is cached right away by the browser, your site will appear more zippy and will load much quicker as the user navigates your site.
This meetup will introduce to CSS Sprites and teach you how to apply them to your own projects:
- Introduction to CSS Sprites
- Live coding example
- CSS Sprite generators
- When to use them, and when not to
- Fancy rollover and suckerfish techniques
If you care about performance and load times, then this event will be for to you.
If you want to help present this topic, then please contact us.