Hi, I'm Will.

Latest Blog Posts

1. Star Wars Scene Transition Effects in CSS

   June 1, 2022
2. Deep Dive into Text Wrapping and Word Breaking

   May 2, 2022
3. Making a Heart Light with IFTTT and Netlify Functions

   December 1, 2021
4. Diving into the ::before and ::after Pseudo-Elements

   February 22, 2021

Popular Blog Posts

1. The Surprising Things That CSS Can Animate

   June 8, 2020
2. Say Hello to Houdini and the CSS Paint API

   March 7, 2018
3. JavaScript Physics with Matter.js

   October 24, 2017
4. Motion Detection with JavaScript

   May 30, 2016

Favorite Projects

1. WordPress Export to Markdown

   • code

   Node.js utility that converts WordPress content into Markdown files for static site generators.

2. Hello Houdini

   • article
   • demo
   • code

   Introduction to the Houdini project, the CSS paint API, and the things they allow you to do with CSS.

3. Silky Smooth CSS Animation

   • video
   • slides
   • demo
   • code

   Talk I gave at CSSConf 2016 about how browsers render animations and how to optimize them.

4. Align 4

   • article
   • demo
   • code

   Board game played against an AI. Uses multi-threaded JavaScript and a minmax algorithm.

Favorite Bits

• 

  Code on TV — My code appeared on-screen in a Verizon commercial (at the 0:45 mark). It’s code I wrote for my Align 4 game.

• 

  Amplify EOI — I designed a badge logo for an initiative at work. We ended up printing it on t-shirts for everyone in the technology department.