Hey, I'm Jesse Breneman
I’m a Frontend Engineer focused on crafting a beautiful, accessible web.
I like building things like design systems and making sure that everything is accessible. I’m the guy who likes to nerd out about CSS and push the boundaries of what’s possible. I’m totally not a ninja rockstar dev.
I'm based in Columbus, Ohio and currently building the world’s best checkout at Shopify.
Featured projects
Background Gradient Builder
An experimental app I built to generate complex gradients.
Visit project
Suggestmycolors
A project I keep rewriting to learn new stuff. Current iteration was written to learn React + Typescript.
Visit projectExperiments
Whenever I'm feeling like tinkering, I go to Codepen. Here's a few of my favorites!
Rotating border
Might be the first rotating border on the internet using this technique. All of the articles I've seen implementing a similar effect eventually point to this.
Explore the demo & sourceFancy wipe
This is based on a Google Gemini commercial I saw a while back. I like recreating effects using CSS.
Explore the demo & sourceHexagonal grid
Hexagonal grids using CSS Grid was a white whale for me for a while. It's not perfect, but it's a fun implementation.
Explore the demo & sourceSelected writing
I have a dev blog that I very occasionally update. Usually musings on CSS techniques, but covers frontend in general.
Noisy gradients
CSS article
Noisy gradients
Explains how to layer SVG noise over CSS gradients to get a grainy effect.
Read articleSliding tab indicators
CSS article
Sliding tab indicators
A simple vanilla JS implementation of a sliding active indicator for tabbed navigation. Written after implementing a similar effect for my job at the time.
Read articleAnimated gradients
CSS article
Animated gradients
How to animate CSS gradients using just @property to directly change animation values.
Read article