1. POWER SPRITING WITH COMPASS Pam Selle @pamasaur
2. WHO ARE YOU?Developer at Paperless Post,client-side engineeringGirl Develop It instructorGirl Geek Dinners organizerRabid Avid cyclistProblem solver
3. WHAT HAVE YOU DONE?
4. SPRITED THE S*** OUT OF THESE Merging individually wouldve taken
5. WHAT IS SPRITING? Instead of individual background images, put them all in one image Simple way to reduce load on your pageWhen someone already has an image, they dont have to get it again, since the images are combined into one
6. SIMPLE SPRITE from CSS-Tricks
7. LESS SIMPLE from Hulu
8. HOW TO MAKE A SPRITE
10. COMPASS DOES IT BETTER! Compass is a framework that enhances SassAlong with other great stuff, Compass handles sprites ... impressively so.
11. SPRITING WITH COMPASS1. Cut individual images from design2. Place in folder3. COMPASS MAGIC