Too Long; Didn't Read
CSS Sprites is a simple way to load all the images together instead of requesting each of them multiple times. The technique is inspired by a technique in computer graphics, most often used in video games. The idea was that the computer could fetch a graphic into memory, and then only display parts of that image at a time, which was faster than having to continually fetch new images. The magic happens with the background-image property in CSS and some foresight with a pinch of arithmetic.Here is the live demo of the new CSS sprites.