• A Modern Take on Cutting the Mustard

    By taking advantage of JavaScript module support, we can update the Cutting the Mustard progressive enhancement technique to allow for modern JavaScript syntaxes and features!

  • Lighthouse, Web Performance, Architecture, And You

    A primer on how the performance auditing tool Lighthouse works, thoughts on web performance and was of improving it, and how the two can be used as a basis for architectural discussions.


  • Austin

    I've moved to Austin and taken a new role at IBM

  • Persona Alignment

    Dungeons and Dragons character alignment, but to make user personas


  • Armadillo

    Armadillo 3.0 is out! It's faster, easier to maintain, and comes with service workers! Let's learn what Armadillo is!

  • Testing Gulp Tasks

    Testing Gulp tasks can seem daunting and maybe a little convoluted, but by rethinking how tasks get written a little, it that uncertainty can be quickly removed.

  • What Is #IBMHackademy

    #IBMHackademy is a week long immersive enablement program, focused on modern Front-End Development tools and best practices, designed to transform the way our teams deliver delightful user experiences.

  • Performance Sketches

    Creating and enforcing performance budgets are hard to begin with, but getting everyone to understand the impact of their choices on the performance of a project can be doubly so. Having a way to "sketch" performance can help onboard new team members to the concept of performance budgets.

  • Dude, Where's My Modal?

    Modals. Popups. Overlays. Dialog Boxes. No matter what you call them; ugh. I can't even. If I were being gracious, I'd say that nine times out of ten, modals are the lazy way out of solving a hard (or sometimes not so hard) design or development problem. We should stop doing that.

  • Empathy vs Understanding

    In order to solve the problems of our users or to work better with each other, we need both empathy and understanding.

  • The Art of Keeping Up

    The web, as Ethan Marcotte says, is an inherently unstable medium. It's constantly evolving and changing, and in order to stay relevant you need to keep up. This is how I do it.

  • There is no Enterprise

    Let's stop talking about "Enterprise". Enterprise code, enterprise design, enterprise color schemes, enterprise anything. As far as I can see, there is no such thing as "Enterprise", at least not any more, and not how it gets used.

  • @target Your CSS

    @target syntax to spin out specific pieces of your CSS into new files through a little bit of post processing.

  • What Can Blue Do For You

    After a fantastic 21 months, last Thursday was my last day at NBCUniversal and am joining IBM.

  • Style Guide Questionnaire Results

    On April 21, I put up a questionnaire asking for feedback on how and why people use Style Guide systems. Here is the feedback I collected.

  • Element Queries

    When building responsive sites, especially style and component guide driven responsive sites, being able to query an item's width instead of the viewport is invaluable for re-usability. While we don't have them natively, we can emulate them with JavaScript.

  • CSS Strategy

    My current thoughts on this subject have been codified in North.

  • Aurora 3.0 - Magic Birds and Boars

    I'm excited to announce the official release of Aurora 3.0! Ian and I have been worked hard to build out a base theme that truly is designed around the best tools and techniques available for front end development today.

  • Do You Believe in Magic?

    Today I'm excited to announce Magic, a first-of-its-kind module for Drupal designed to integrate advanced theme development settings into any theme.

  • Measure Tester

    A tool to help measure your measure, helping you design for an ideal reading experience.

  • Site Refresh

    So it's happened, finally. A site refresh. Back to basics, built with my actual usage in mind, not what I thought I'd use my site for.

  • SVGs, Icon Fonts, and Rasters! Oh My!

    One of the most hotly argued topics in front-end development today is whether you should use SVGs, Icon Fonts, or varying-resolution Rasterized Images when it comes to resolution-independent interface elements. Like all great things on the Internet, it depends.

  • Debugging Sass with Source Maps

    One of the super exciting features in Sass 3.3, currently in development, is the introduction of native Source Maps as a successor to Sass Debug Info. Working Source Map reading for Sass in Google Chrome Canary means this is a real debugging option you can start looking at today.

  • Introducing Susy Next

    As of April 3, 2013, Singularity is no longer being merged with Susy and is still being separately maintained. The original article is kept as a record.

  • Amusing Analytics for December

    Just decided to take a look at my analytics for the month of December, and I thought they were amusing, so I've decided to share.

  • On Responsive Design's Dirty Little Secret

    After having extensive conversations with John Albin Wilkins, I've realized that some of the basic assumptions I made when I first went to test this are in fact incorrect and that I was working under the wrong mental model. I am keeping up the original article as record.

  • NYC Camp Presentation

    The slides from my NYC Camp 2012 presentation along with some links.

  • Principles of Responsive Web Design

    I've spent almost the last year learning about and really digging into responsive Web design and I've gotta say, there are very few things that excite me more in front end development today. It is the beginning of a new era of the Web.