• Zero-Configuration React Static Site Generator

    February 15, 2016

    React is a great way to generate static HTML with a component-based UI. One of the biggest hurdles to working with React is the amount of boilerplate and build configuration it takes to get going. I wanted to make it dead-simple to start building static…

  • Mathematical Web Typography

    June 23, 2015

    When it comes to designing for the Web I like to follow a handful of general principles. First, design for the medium, or as Frank Chimero puts it, follow “the grain of the Web” . The Web is fluid - based on screens and devices of varying sizes – and…

  • Mini MacBook Review

    June 17, 2015

    Why the new MacBook might just be my favorite computer ever

  • Color Palette Documentation for Living Style Guides

    June 15, 2015

    Virtually every style guide has a color palette section in its documentation. Many times I’ve seen this documentation created manually, where every change to a color requires updating the values in two places – the stylesheet and the style guide. This…

  • Static Site Generation with React and Webpack

    June 06, 2015

    I’ve been dabbling with React for a few months now and using it in several small open source projects to better understand the technology. React’s focus on reusablility, along with the ability to install and require components via npm, provides an elegant…

  • Rethinking Variables in CSS

    May 08, 2015

    CSS was first introduced as a way to reduce the complexity of using inline styles and to help separate concerns. After years of ballooning stylesheets with the same values being used over and over and losing sync, CSS preprocessors introduced variables to…

  • 5 ways to not shoot yourself in the foot with CSS

    December 30, 2014

    Don’t make assumptions Don’t be specific Don’t override anything Don’t entangle it with markup Don’t repeat yourself

  • It’s Okay to Look the Same

    April 25, 2014

    Every once in a while I hear someone complain about the visual homogenization of the web, and front-end frameworks often get the brunt of the attack. This visual sameness isn’t necessarily a bad thing. Visual design is easy Visual design is one of the…

  • I don’t know how to design

    April 16, 2014

    I’ll admit it. I don’t know how to design without research. Without upfront research, you’re not designing things, you’re just building things that might or might not meet your users’ needs or fit their mental models. Chances are, they won’t. User…

  • Designing in the Browser Faster

    April 14, 2014

    I’ve been dabbling with HTML and CSS for years—building small websites for myself and friends and building prototypes to test designs. And, while I’ve been fascinated with the idea of designing in the browser for a long time, it wasn’t until recently that…

  • An Update on the Hamburger Menu

    April 12, 2014

    About a year ago, I wrote Hamburgers & Basements: Why Not to Use Left Nav Flyouts . Since then, a few things have happened. Facebook has discontinued using the hamburger menu in their iOS app. A few desktop websites have replaced their persistent…

  • Principles of Web Design

    March 24, 2014

    Good web design is Universally Accessible Everyone should be able to view and use the web. Don’t exclude people by making bad decisions. Simple Keep it simple stupid. The mother of all design principles still applies to the web. Familiar The web is built…

  • I’m Sick of Your Tiny, Tiny Type

    January 29, 2013

    Your tiny type is hard to read – no, not hard to read, impossible to read. I carry my phone with me everywhere, but I always seem to forget my magnifying glass. I tap the Safari Reader button, but that’s not a solution to the problem. That’s a band-aid for…

  • Organizing Mobile Navigation Based on Information-Seeking Behavior

    January 16, 2013

    When opening an application, a user should be able to understand its functionality, see relevant content, and get to where they want to go. Applications that obscure navigation with the intent of focusing on content can make finding specific information…

  • Buckets and Jumpoffs: Using Content-Centric Contextual Navigation

    December 07, 2012

    While table views provide a clear and simple way to navigate certain types of content, mobile should be about putting content and user goals first and navigation second. Don't overload the user with navigation choices, show meaningful content instead. Even…

  • The Advantages of Table Views Over Left Nav Flyouts

    December 01, 2012

    At first glance, these two navigation patterns seem very similar, but there are a few points that give table views * a huge leg up. When dealing with a multi-tiered hierarchy or a variable amount of navigation items – such as text messages, emails…