I’m a Frontend Engineer focused on crafting a beautiful, accessible web.
I like building things like design systems and making sure that everything is accessible. I’m the guy who likes to nerd out about CSS and push the boundaries of what’s possible. I’m totally not a ninja rockstar dev.
I'm based in Columbus, Ohio and currently building the world’s best checkout at Shopify.
A project I keep rewriting to learn new stuff. Current iteration was written to learn React + Typescript.
Visit projectWhenever I'm feeling like tinkering, I go to Codepen. Here's a few of my favorites!
Might be the first rotating border on the internet using this technique. All of the articles I've seen implementing a similar effect eventually point to this.
Explore the demo & sourceThis is based on a Google Gemini commercial I saw a while back. I like recreating effects using CSS.
Explore the demo & sourceHexagonal grids using CSS Grid was a white whale for me for a while. It's not perfect, but it's a fun implementation.
Explore the demo & sourceI have a dev blog that I very occasionally update. Usually musings on CSS techniques, but covers frontend in general.
CSS article
Explains how to layer SVG noise over CSS gradients to get a grainy effect.
Read articleCSS article
A simple vanilla JS implementation of a sliding active indicator for tabbed navigation. Written after implementing a similar effect for my job at the time.
Read articleCSS article
How to animate CSS gradients using just @property to directly change animation values.
Read article