#sprites (13 links)
SVG can be used as an icon system to replace icon fonts. The reasons why SVG makes for a superior icon system are numerous, but we won’t be going over them in…
Research indicates that SVG images served as an image sprite display faster than SVG images as data URIs. But how much faster? And is it worth your time? If it is, how do we actually produce the SVG sprites? This post looks at different data on the sprite versus data URI question and how to configure a couple of automated Grunt tasks to produce SVG image sprites and fall back PNG sprites (rather than data URIs) to provide resolution independent interface icons if you so chose.
- Icon System with SVG Sprites | CSS-Tricks css-tricks.com
- jorgebastida/glue - GitHub github.com
A simple command line tool to generate CSS sprites
- Juicy Studio: Colour Contrast and CSS Sprite Maps juicystudio.com
CSS sprite maps improve efficiency by making fewer HTTP requests to the server, but most implementations cause serious problems for users who view content in high contrast mode.
- Data URIs make CSS sprites obsolete | NCZOnline nczonline.net
The jury is still out on this'un.
- svg-icon-loader code.google.com
Provides a method for a web interface to use SVG images as icons, while being loaded from a single file. This reduces the amount of HTTP requests, offering the same kind of benefit available with CSS sprites.
Via paul.irish.
- High Performance Web Sites :: SpriteMe makes spriting easy stevesouders.com
The bigger challenges when creating sprites are finding the background images and knowing how to group them into sprites. Once the sprite image is created, testing the sprite, including changing all the CSS, is time consuming. SpriteMe addresses all of these challenges.
- To Sprite Or Not To Sprite at Vladimir Vukićević blog.vlad1.com
"There are a number of misconceptions about CSS Sprites, the main one being that they have no downsides." Memory usage.
Via paul.irish.
interesting variation of CSS Sprites has been getting a lot of play on large web sites that serve millions of users.
- Website Performance | CSS Sprite Generator spritegen.website-performance.org