Writing style that updates based on the state of a component is a really common pattern on the web. There are several ways to dynamically update your styling depending on what you want to do. Let’s…

6 ways to dynamically style Angular components

When starting a new project or feature it’s a good idea to write semantic markup first, then style it the way you want. Building markup-first ensures that your product will make sense, and be…

Atomic Styles. Semantic Markup.

The artifacts we create as digital designers rarely reflect the full and final product experience. We’re building complex, interactive products—the usefulness of our pictures and slideshows is…

The Power of Prototyping

I recently attended Artifact Conference in Austin, and listened to talks from some super talented people like Jen Simmons, Brad Frost and more. Over 3-days at Artifact I learned a lot, and was…

Leaving Artifact Behind

The great simplicity of Face ID comes when unlocking iPhone X every day, every time you use it. No more fumbling with the (now extinct) Home button to get in, just lift and look to unlock — that’s…

The UX trade-off of Face ID

Chameleon

New Visions

Noom

Wearable hearing protection that adapts to the volume of the wearer's surroundings.

Online multiplayer dice game built with Three.js, XState and WebSockets.

Farkle

A JS library for rendering more realistic overlapping shadows.

A Sketch plugin to export multiple artboards to a single directory.

Sketch Flat Export

Chrome extension to watch every Marvel scene in chronological order.

Chronological MCU

An Confluence plugin to embed Zeplin images on a page.

ZeplinX

A thesaurus linker to find the closest synonym to two words

Word Chain

A web based synthesizer with musical typing

React Synth

A simple iOS metronome app with a minimalistic UI.

Tap Metronome

An interactive water fountain, controlled by a web-app game

SMRT WATR

User research, information architecture and UI design for all mobile apps.

Component development, web architecture, engineering support

Design process, high-level product vision & business case development.

Design systems, CSS architecture, UX frameworks, and feature design.

Usability optimization, and user testing for the core food-logging feature.

UI design and front-end development for MediaGo.

Data analysis, UX research and testing for Poker Web.

Maintenance, cabin leader and staff mentor.

Camp Kwasind

Tenor section leader for the combined choir and orchestra.

The SymphoNYChorus

Vice President of the UW campus UX Club, mentoring younger students and planning club events.

UW/UX

Baritone section leader for the world-ranked all-male a cappella group.

Adam Thompson

UI Engineer