Responsive Image Breakpoints Generator
Responsive image breakpoints have vexed me for nearly four years. They have been my personal koan—my unsolvable problem—until today. See a couple of years ago, I had a crazy idea to pick…
Emerging Technology, Page 4
Seriously, Don’t Use Icon Fonts
Icons are everywhere. These “little miracle workers” (as John Hicks described them) help us reinforce meaning in the interfaces we design and build. Their popularity in web design has never been greater; the conciseness…
SVG 101: A Gentle Introduction
Fun fact: Cloud Four’s design team really digs SVG. Our enthusiasm for the image format accumulated gradually over many months, thanks in large part to Sara Soueidan’s tireless documentation of its most mysterious features…
The web’s lost opportunity to be on TV
Apple announced the new Apple TV yesterday. As many expected, it didn’t come with Safari. What was unexpected is that it doesn’t appear to have WebKit at all. The utility of WebKit for…
What I’m watching for in the new Apple TV
We’re about an hour away from the Apple event where they will announce the new Apple TV. Here are the things I’m going to be watching for based on my time researching Smart TVs, game…
On the Device Context Continuum
The fact the Apple may soon release an App Store for TVs has me revisiting a couple of questions that have troubled me these last few years: Where does the common device context continuum start…
The feature phone era of TVs ends next week
Three years ago after writing Head First Mobile Web with Lyza, I was burnt out on mobile and wanted to do something different. So I decided to start researching the web on TVs. TVs…
Responsive Images 101, Part 9: Image Breakpoints
I’ve dreaded writing this installment of the Responsive Images 101 series. Selecting image breakpoints is something everyone will face, and frankly, I have no good answers for you. But sooner or later, we will all…
Unpacking Module Bundlers Part 1: What is a module?
This is the first of three posts in a series about JavaScript client-side modules and code packaging. The JavaScript community has this incredible superpower where standards of practice will emerge not from any formal process,…
Responsive Images 101, Part 8: CSS Images
Most of the time when people refer to responsive images, they are referring to inline images, not CSS images. This is because before <picture> and srcset there were no good solutions for inline responsive images.