The simplest, easiest, way to use container queries in tailwindcss with a fallback for unsupported browsers.

How to use overlays as part of your design system to give depth to components in both light and dark mode.

The highlight/outline problem that quickly surfaced and how I came to see that even the most flexible of design systems has deeply embed opinions about color.

A simple bash command to cleanup Google Kubernetes pods. Preemptible nodes leave behind pods in a 'Shutdown' state. This simple command will clean them all up in one go.

How I use Framer Motion to prototype and then refactor the code to use @emotion/styled. With an example of a staggered animation using Framer Motion and then @emotion/styled CSS-in-JS

In this article I show you how I built a stylish and reusable link component that works with the Next.js Link component. The component is also fully typed with Typescript.

Learn how to build a drawer component with headless-ui. In this article I show you how to build a drawer component using the modal from headless-ui

In this article we will look at how to setup @emotion/styled with remix

In this article I show you how I created a function that lets users choose between 2 different data structures as a return type. It uses Conditional Generic Types and Union Types.