Ste Grainer

@stegrainer
237 Followers
167 Following
1.3K Posts

Designer of various things, sometimes developer, occasional writer. Design system nerd. User researcher.

CIS Ally. Trans rights are human rights. Black Lives Matter.

Personal Sitehttps://stegrainer.com
UXcellencehttps://uxcellence.com
Pronounshe/him
LocationRichmond, VA

Over the weekend, I sat down to write an essay. I wanted to express some thoughts on our current political, economic, and technological landscape. (Yeah, I know.) Even as I started to write, something changed in the writing. A couple of lines in a rhyming couplet stuck with me, and the more I thought about them, the more a poem evolved around them.

This is what tumbled out:
https://stegrainer.com/journal/2026/what-if

What If » SteGrainer.com

A poem and a prayer for dark times

🔗 Optician Sans — A free font based on the historical eye charts and optotypes used by opticians

https://optician-sans.com

Optician Sans – Free font based on historical optotypes

Optician Sans is a free font based on the historical Snellen and Sloan eye charts and optotypes used by opticians world wide for centuries.

Optician Sans
Project Hail Mary by Phil Lord & Christopher Miller: ★★★★★ — Faithful to the story in all the right ways. Funny, heartfelt, and entertaining. Amaze amaze amaze.

Theo Jansen’s Strandbeests (wind-powered kinetic sculptures) feel like something straight out of Studio Ghibli.

https://www.youtube.com/watch?v=ANhA94ZqnEQ

Strandbeest evolution 2025

YouTube

“Software cannot, in fact, eat this world. Software can reflect it; encroach upon it; more than anything, distract us from it. But the real physical world is indigestible.”

From Flood fill vs. the magic circle by Robin Sloan:
https://www.robinsloan.com/winter-garden/magic-circle/

Flood fill vs. the magic circle

AI automation and the Four Horsemen of the paper jam.

Winter Garden
I’ve had the idea for a “what if” post bouncing around my head for a few months now. As in, what if the horrible things happening these days weren’t inevitable? What if they are a backlash against a tide that’s already turning, a feeble last-ditch attempt to stop the wave of a world becoming something better. Somehow it all tumbled out this morning as a poem.
https://stegrainer.com/journal/2026/what-if
What If » SteGrainer.com

A poem and a prayer for dark times

I started using Craft CMS for my personal site almost exactly 10 years ago. It’s one of my favorite CMSes and still makes me happy to this day. It just keeps getting better!
https://stegrainer.com/journal/2026/friday-fave-craft-cms
Friday Faves: Craft CMS » SteGrainer.com

On the CMS that powers this site and more

I really enjoyed the first episode of Service Request, a podcast offshoot from 99% Invisible. The podcast focuses on the infrastructure, services, and the underlying systems that keep our society running. And the first episode was about the 311 service in New York City.

https://99percentinvisible.org/sr/

Service Request - 99% Invisible

A city is deceptively simple. You flip a switch, and the lights come on. You turn a faucet, and water flows. You tap “buy,” and a package lands at your door. Usually, we don’t think about how these systems work, who keeps them running, or how we interact with them…it all feels effortless. But behind

99% Invisible

🔗 Performance-Optimized Video Embeds with Zero JavaScript — A handy technique for performant, Javascript-free video embeds

https://frontendmasters.com/blog/performance-optimized-video-embeds-with-zero-javascript/

Performance-Optimized Video Embeds with Zero JavaScript – Frontend Masters Blog

Putting a YouTube video inside a closed details element means it won't load until that details element is opened. We can use that.

🔗 Beyond The Blur: A Quick Guide to the CSS Backdrop-Filter Property — A useful guide to how the backdrop-filter property works

https://www.alwaystwisted.com/articles/beyond-the-blur-css-backdrop-filter

A Guide to the CSS Backdrop-Filter Property

A concise guide to CSS backdrop-filter for glassmorphism and translucent overlays — how it works, why order matters, and an interactive CodePen playground.

Always Twisted