simurai, a designer and front-end developer who writes about CSS and SVG experiments, icons, and small interface projects.
HN commenters praise his CSS hacks and lab projects, and link his posts on SVG stacks, icon sharpness, Cursor Monster, and Letter-heads.
Minor bug report: I was testing a page that was using SVG Stacks[1], where multiple icons are encapsulated in a single SVG image and the individual icons are referenced via fragment identifiers. This caused the WebBS calculator to count the SVG image multiple times (once for each fragment reference), resulting in a score that was significantly worse than it should have been.
[1] http://simurai.com/blog/2012/04/02/svg-stacks
The comments in this post really demonstrate the widespread pain points that everyone has when dealing with CSS sprites, and the existence of 30+ solutions indicates that nobody has really figured out how to fix it yet.
The lack of attention to SVG stacks (http://simurai.com/post/20251013889/svg-stacks) is very curious to me - being a proponent of this method/movement seems analogous to being pro-PNG in the era of GIFs.
SVG has a "shape-rendering:crispEdges" option that you can use to snap lines to pixels. See this blog post for more details:
http://simurai.com/post/19895985870/icon-sharpness-limbo
Vector graphics are not a panacea:
http://simurai.com/post/19895985870/icon-sharpness-limbo
http://www.pushing-pixels.org/2011/11/04/about-those-vector-icons.html
The creator [1] says it's inspired by Kumi Yamashita.
[1] http://simurai.com/projects/2011/03/11/letter-heads/
I really like this guy.
He has all sort of great CSS related hacks on his site http://simurai.com/tagged/lab