On Responsive Layout and Grids

For those who often enquire about my responsive grid “solution” — it’s about 10 lines of code. Not a problem that keeps me up at night Tried a grid-based approach in a site that’s about to launch any time soon but found it conflicting with the mobile first idea: I’d be undoing the grid’s CSS …

Don’t Be Afraid To Teach Interactions

A couple of weeks ago, I was using the latest version of the Rdio app and realized that I had no idea how to put a song into a playlist. After hopelessly tapping around, I got a bit annoyed and posted a tweet asking if anyone had figured it out. But then I thought about …

Shadow DOM introduction

Shadow DOM is incredibly powerful. For the first time ever, we have proper encapsulation without the extra baggage of <iframe>s or other older techniques. Shadow DOM is certainly complex beast, but it’s a beast worth adding to the web platform. Spend some time with it. Learn it. Ask questions. I first got introduced to Shadow …

The Gradient Chart

Handy tool/methodology to decide if you should make a responsive site, or build a separate mdot-site. Review the tasks that users want to perform on Device A. List them in priority order. Repeat for Device B. Put the two lists next to each other, and draw lines connecting identical tasks. Depending on the steepness of …