</>Jonathan Harrell

Main Menu

Site Tools

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. I share what I’ve learned in my technical blog.

Recent Articles

Go to article

Article published date April 9, 2020

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.

Go to article

Article published date November 5, 2018

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.

Go to article

Article published date August 6, 2018

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.

Go to article

Article published date March 11, 2018

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.

Recent Experiments

Go to experiment

Experiment published date September 29, 2018

Typographic Details Cheat Sheet

Go to experiment

Experiment published date September 29, 2018

Semantic Image Grid with Object-Fit

Go to experiment

Experiment published date September 29, 2018

Live Theming with CSS Variables

Go to experiment

Experiment published date September 29, 2018

Controlling Element Visibility Using IntersectionObserver

Go to experiment

Experiment published date September 29, 2018

Contextual Callouts with CSS Grid

Go to experiment

Experiment published date September 29, 2018

Advanced Form Styling with CSS Only