Dynamic SVGs in Light & Dark Mode
Learn how to make your SVG illustrations respond to light and dark mode using CSS variables—plus, a script to automate replacing hex values.
UI/UX Designer & Front-End Engineer
I’m a designer and developer committed to making the web a more empowering and accessible place. I create engaging user experiences and bring them to life through maintainable, high-quality code.
Recent articles
View allTypographic Details Cheat Sheet
Learn how to use the correct spaces, punctuation, and special characters to create precise, elegant web typography.
System-Based Theming with Styled Components
Learn how to support system-based theming in Styled Components, while allowing a user to select their preferred theme and persist that choice.
Implicit State Sharing in React & Vue
Learn to use React’s Context API and provide/inject in Vue to share state between related components without resorting to a global data store.
Component Reusability in React & Vue
Learn how to use render props in React and scoped slots in Vue to create components that are flexible and reusable.
What’s the Deal with Margin Collapse?
Learn about margin collapse, a fundamental concept of CSS layout. See visual examples of when margin collapse happens, and when it doesn’t.