Instant Sprite CSS Sprite Generator

Articles

• Right Aligned Sprites: Right aligned css sprites are used when you want an icon right aligned next to long blocks of text.
• Diagonal Sprites: Diagonal CSS sprites can be good for top left aligning sprites to long blocks of text that works cross browser with no extra markup. Best to use small icons with low offsets to prevent using too much memory, as the image dimensions are large. See Diagonal Sprites by Aaron Barker.
• What are CSS Sprites?: A CSS sprite is a combination of multiple images, separated with CSS. CSS Sprites make your page more efficient by limiting the number of HTTP requests for images.