An illustrated history of digital iconography.
Here you go: a free book on icon design in three parts, delivered via email.
A good reminder from Roger on how to hide images from an SVG sprite from assistive technology (use
aria-hidden) and how to expose them (use
title elements within the sprite).
currentColor value in CSS comes in very handy when you’ve got an SVG sprite and you want icons to inherit their colour from the surrounding text.
This looks like a terrific presentation from Alla on iconography, semiotics, and communication.
An up-to-date round-up of the various techniques available when you want to provide a fallback for SVG.
A look at the risks of relying on a purely graphical icon for interface actions. When in doubt, label it.
A lovely little tour of eleven ubiquitous icons.
Some excellent research for web developers: find out which unicode characters have the widest support—release useful for choosing icons.
This issue of A List Apart is a great double-whammy. Lara Swanson has a ton of practical tips for front-end performance enhancements, and Brian dives deep into making your own icon fonts.
The slides from Josh’s super-quickfire presentation at the Responsive Day Out.
I really like Mark’s idea of standardised “sparkicons” …for a while there, reading this, I was worried he was going to propose something like Snap Preview. shudder
This is a great free service for generating small subsetted icon fonts. Launch the app and have a play around — you can choose from the icons provided or you can import your own SVG shapes.
Nice touch: you can get the resulting font (mapped to your choice of unicode characters) base-64 encoded for your stylesheet.
Josh gives a blow-by-blow account of he created a custom icon font for an upcoming redesign of the Clearleft website: completely scalable and resolution-independent.
I truly believe it won’t be all that long until bitmap image formats will be the exception rather than the rule on the web.
A nifty service for creating a custom font with just the icons you need.
It’s really good to see more providers of icon font sets. These look very nicely designed indeed.
Andy documents the kinds of symbols being used to represent revealable navigation on mobile.
In an interesting new twist, Pictos now allows you to put together a custom subset of their icons as a font that can be served from their server just like any other webfont service.
Jon gives us a run-through on what to expect from his new book. I’ve had a sneak peek and it looks amazing—I can’t wait to get my hands on a copy.
Melville’s masterpiece, translated into Japanese emoticons. All 6438 sentences. Made possible with Kickstarter and Amazon’s Mechanical Turk.