When I'm learning something new, my first priority is to figure out the right mental model. I want to develop an intuitive understanding of how the different pieces tie together, and how the system reacts when changes are made.
This blog is my attempt to share the stuff I've learned, often using dynamic, explorable widgets. The idea is that things will be easier to understand if you can poke and prod at it, change the inputs to see what happens on the output. They don't make sense for every subject, but they can be super helpful for others.
How we work with design can have a tremendous impact on our overall productivity, and yet we don't always treat it as very important. A look at how collaborating with design can supercharge our own productivity.
Using CSS custom properties and Houdini for rich, flexible animations
Part II in a series on remote work.
An honest look at what it's like to do remote software-development work
In this post, we'll explore a technique we can use to "fold" a DOM node, like folding a letter in real-life. On that journey, we'll learn a lot about 3D transforms and CSS animation techniques!
Lessons learned during a hectic product launch, and some exciting new features!
A deep dive into Bézier curves in React. We'll look at how to build dynamic effects such as scroll-to-flatten using SVG path instructions, and how to architect our components for maximum readability and reusability.
An in-depth look at the surprisingly complicated problem of list reordering