It might be time for me to stop worrying about IE8 and embrace `transform`-dependent icons.<p>I regularly create one-off semantic icons <i>as long as they don't rely on `transform`</i>. That limits it to ones based on a character glyph - (i), (?), (x), etc - strictly orthogonal blocks - (+), (-), etc. - or CSS triangles - mostly arrows (which don't always render great anywho).<p>I'm always too concerned about the fallback in browsers without `transform`. But really, that's illogical - it's just IE <= 8, and generally don't need to worry about that support anyways. I guess my hangup is that the <i>meaning</i> of the icon gets garbled when it isn't displayed correctly in older browsers, and that seems like it crosses a line. (Thought about the "semantics" of an icon quickly feels like Philosophy 101 and probably means its time to get back to work!)<p>As others have pointed out, I wouldn't use the pixel-based positioning/widths as this does, but `em`s, `rem`s or `percent`s. Relying on `tranform: scale(x)` would complicate layout flows - for one thing you'd always need to compensate for the scale with `margin`, `padding`, or other pixel-budging.
That's really smart - However, it seems impossible to use multiple sizes in a single document, which make it impractical over other alternatives such as Ionicons, Icomoon or FontAwesome.<p>Still a nice showcase, congrats!
Impressive.<p>While I appreciate the effort and the fact that is is more of an experiment than a production-ready package, it does seem like an odd choice to go with fixed-size pixels instead of something relative, like ems or percentages.<p>Regardless, well done. Don't let my typical-to-HN negative tone take away from the accomplishment of this.
These are awesome. Reminds me of the set Nicholas Gallagher created a few years ago. <a href="http://nicolasgallagher.com/pure-css-gui-icons/demo/" rel="nofollow">http://nicolasgallagher.com/pure-css-gui-icons/demo/</a>
Very impressive. Slow as hell on my computer though (3 GHz Core2Duo, Chrome 39, OS X 10.9), to the point where it doesn't seem realistically usable…