Did you know you can make games in CSS? This post explores a relatively obscure CSS property (counter-increment) combined with checkbox inputs to show you how.

I was interviewed for one of my favorite podcasts ever: The Start FM. The conversation is about how I got to be where I am now and what it means to be so young in the industry.

If you know some Sass, you're probably a lot further than you think to understanding and diving into the world of modern JavaScript. This post showcases some of the similarities.

CSS Filters are awesome, but you can't do individual channel manipulation with them. Enter: feColorMatrix, SVG filter effect method that allows for really in-depth pixel value manipulation for even better image filters.

Icons are essential to most pattern libraries and web design systems. Let's take a look at a scalable approach!

I wrote about how I began to code for the new publishing platform SuperYesMore. TL;DR — cartoon dolls and Flash.

It's time for my annual reflection and goal resetting! It's been a crazy year for sure.

An opinionated Sass architecture system for writing modular and scalable libraries. Also, a case in defense of extends.

In the final post of the CSS Image Effects series, we explore the beautiful, surreal world of infrared photography by creating our own faux effect.

A vibrant, unexpected, and fun effect — the Lomography Effect is an opportunity where you can really be creative and try out various CSS image techniques.

CSSgram is a tiny (<1kb gzipped) library for recreating Instagram filters with CSS filters, gradients, and blend modes.

Bokeh textures are very popular in photography. Let's take a look at how to create our own.

This week we'll take a look at one of the most popular photo manipulations: adding a vignette to draw attention to the center of an image.

How do you make 3D-glasses-like graphics in the browser? We'll look at how blend modes work together to create this effect.

The first post in a series on creating custom image effects in CSS. We'll take a look at the vintage washout effect.

From HTTP2, Flexbox, CSS Filters, and ES6, the Internet we know today is built on hacks. Lets explore some of those hacks and solutions.

I was interviewed for the CodeNewbie podcast, where I talk about life, IBM Design, open source, and personal goals.

A journalists take on my OSCON talk — Open Source Design, A Love Story.

With preparations for the fall conference season coming up, here are some travel tips to help make your life a little bit easier.

How designers can contribute to open source, an interview for the OSCon Speaker Interview Series.

A ridiculous frankenstein of a name for a legitimate approach to CSS that pulls ideas from the most popular approaches.

Hacking the :visited selector to show unread posts. We'll look at the limitations and my little work-around.

Pixel art is so much fun! This blog post walks through how to read a matrix-like list with Sass and generate Mario pixel art from box shadows.

If you use a computer, you could use your terminal to make huge improvements to your work flow. This article talks about getting started and writing aliases to customize your experience.

Some selected sketchnotes from a few talks I went to at the SXSW Interactive 2015 Conference.

Another blog post written for SitePoint about 5 great uses for Sass maps and other thoughts on code at the moment.

A blog post written for SitePoint on why community is at the crux of a thriving code base.

Neuroscience plays a big roll in our design work. This post takes a look at Sensory Memory and how animations that visually link states can improve a user's experience.

Sketchnotes are a great way to document a talk or event. They allow you to doodle and get a little bit creative with your content recording.

I created a tool that lets you architect your Sass project in a single location (your manifest file), and it will build all of the directories and partials for you! This blog explains what a Sass manifest file is, what it does, and why you should use one.