Menu Search
Jump to the content X X
Smashing Conf New York

You know, we use ad-blockers as well. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf New York, dedicated to smart front-end techniques and design patterns.


John is a front end developer at Linney Design, and has been building web content for well over a decade. Creating rich, accessible sites is his focus, but any spare time left over after spending time with his wife and two daughters is dedicated to his very long running game development project. He's often heard repeating "Yes, but what happens when JavaScript is disabled?", and wondering whose turn it is to make the tea.

Twitter: Follow John Holt Ripley on Twitter

Unicode For A Multi-Device World

A while ago, I was working on a website that required a number of icons. “No problem,” I thought. “I know how to handle this. I’ll use an @font-face icon set for high-resolution screens. It’ll be a single file, to reduce HTTP requests, and I’ll include just the icons that I need, to reduce file size.”

Unicode For A Multi-Device World

“I’ll even use a Unicode character as the base of the icon, so that if @font-face isn’t supported, then the user will still see something like the intended icon.” I felt pretty pleased with myself.


↑ Back to top