Setting up a Chrome OS Development Environment
After joining Google, I was given a Google Pixelbook as my main computer. This is my journey to get it set up for web development
A Modern Take on Cutting the Mustard
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.
A Recipe for Documentation
Technical documentation should be more like recipes in a cookbook.
Saying Goodbye to Singularity
With a very heavy heart, today I am stopping further development on Singularity.
Getting Started with Grid
CSS Grid is out! I've started playing it, here are my first thoughts.
I've moved to Austin and taken a new role at IBM
Dungeons and Dragons character alignment, but to make user personas
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
#IBMHackademyis 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.
Yo Dawg, I Heard You Like Redesigns
I redesigned and rebuilt my site again. Let's talk about that.
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.
It all started with our motion designer.
Our team transformation all started with our motion designer…
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
@targetsyntax 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.
Bulletproof Combo Fixed and Fluid Grids with CSS3 Calc
CSS3 Calc can be used to do all sorts of neat things, including creating some fantastic advanced responsive grids. Oh yah, and a new Singularity output style to support it.
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.
Responsive Nirvana Singularity 1.0
I'm super excited to announce Singularity 1.0!
A tool to help measure your measure, helping you design for an ideal reading experience.
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.
Installing Sass and Compass Across All Platforms
How to install Ruby Sass and Compass globally across Mac, Windows, and Linux.
DrupalCon Munich Presentation
The slides and video from my DrupalCon Munich presentation along with some links.
Override Theme Functions from Drupal 7 Module
Ever need to really override a core or contrib module's theme output? You won't believe what you can do with this one weird hook!
NYC Camp Presentation
The slides from my NYC Camp 2012 presentation along with some links.
Introducing Breakpoint: Media Queries Made Easy
Introducing Breakpoint, a Sass extension for making writing and maintaining media queries a breeze.
Progressive Enhancement Code Pattern Using Sass and Modernizr
Designing your websites in a progressive way is one of the best and easiest ways to ensure that a user coming to your site, no matter the way they access it, is going to be able to use your website.
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.
Illustrator to Raphaël JS: A Guide