4 ms·
You can avoid the extra request for an image using a data URI - http://www.phpied.com/data-uris-mhtml-ie7-win7-vista-blues/ http://www.phpied.com/data-uris-mhtm
by necolas 16y ago
You can avoid the extra request for an image using a data URI - http://www.phpied.com/data-uris-mhtml-ie7-win7-vista-blues/ http://www.phpied.com/data-uris-mhtml-ie7-win7-vista-blues/
The main advantage of CSS is that you can change the color and appearance of components without using a graphics package, and they might scale better. But that's about it.
It was a technical exercise rather than a proof of concept. The icons themselves are very simple and limited. I wouldn't recommend using CSS in this way for production work (other than perhaps for very simple arrows).
- chrisbroadfoot 16y agoEven for simple arrows, I'd go with the multitude of unicode arrows. This has the added benefit of screen reader support. -- edit: I'm not sure why I can't reply to you below, but here are some of the unicode arrows: http://img.skitch.com/20101119-n8558618t59wn8gdw5n6buax3d.medium.jpg http://img.skitch.com/20101119-n8558618t59wn8gdw5n6buax3d.me... It's easy enough to get screen readers to ignore it, if it is truly presentational.
- necolas 16y agoI'm not sure some simple arrows can be achieved with unicode characters...nor would you want a screenreader to pay attention to what is purely presentational.
- necolas 16y agoThanks, you're right, plenty of options - http://www.alanwood.net/unicode/arrows.html http://www.alanwood.net/unicode/arrows.html But there doesn't seem to be one for the simplest: just a basic triangle.
- moe 16y agoLook here: http://www.alanwood.net/unicode/geometric_shapes.html http://www.alanwood.net/unicode/geometric_shapes.html