Typographic Details Cheat Sheet
Learn how to use the correct spaces, punctuation, and special characters to create precise, elegant web typography.
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 allSystem-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.
Better Typography with Font Variants
Learn how to use font variants, including ligatures, caps, numerals and alternate glyphs, to create more precise, beautiful typography on the web.