Icons and Type

April 26, 2015

As of late, I’ve been thinking about icons and type. Here’s the example HTML I’m working with here: <div><i class="icon"></i>cases</div> Now, that div could be a button, it could be anything. That i could be an image, it could be an svg. Essentially, it’s something that is icon-like, set to display: inline-block. My goal is to center it next to the text bes...

Read it all »

Comparing Smartwatches: Moto 360 vs Pebble

March 14, 2015

My first impression of the Moto 360 is “sweet!” The screen is gorgeous. I love the inductive charger/nightstand. The notifications on it look fantastic. The “ok google” voice commands work mostly well but sometimes doesn’t do what I’d expect. For example, when I set a timer or alarm, it’s not setting the alarm on the phone; it’s only setting it on the watch. I’m never qu...

Read it all »

Windows Substitutes Helvetica for Arial

February 03, 2015

I just ran into this issue today and honestly a little surprised I haven’t run into it before. The problem was with a font stack that I wanted to try out: font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif; If a user has Helvetica Neue or Helvetica, that’s fantastic! This is likely to be the case if they’re on a Mac. On Windows 7 and 8, Segoe UI is install...

Read it all »

Ten Years in Contrast

January 11, 2015

Ten years ago today I wrote a colour contrast checker. I put together this tool because, at the time, I needed to check the contrast between two values and the tool I used to use was buggy and then stopped working. The code I put together was extremely hacky—a combination of 3rd-party scripts and ill-architected JavaScript. I just needed something that worked. In the beginning, you could s...

Read it all »

View the Entire Archive