Miriam Suzanne

Understand CSS as a system – so you can write, review, and maintain web styles with confidence on a timeline and under budget.

I’m afraid nuclear weapons are here to stay.

Play Video: Butter bells, fresh from the kiln When you fire the lid/bell and jar together, it helps keep them from warping – but it also requires some effort to get them apart, and sand the connections for a smooth sit.

The other day I got a comment on youtube: YWNBAW.

Saturday I had my first pottery market.

I designed a pottery throwing gauge that I could laser cut with scrap material, and assemble using only friction and bat pins.

Being “in tech” in 2025 is depressing, and if I’m going to stick around, I need to remember why I’m here.

Most of the content on this site is an aggregate view of my work in other venues.

David Darnes already made a <code-pen> web component.

Robin says design ain’t a democracy.

I’m re-working this site from scratch – sticking with Eleventy, but moving from Nunjucks templates/macros to WebC and web components.

Get yourself a fancy little manifesto page, and tell us all what you’re about.

You’re allowed to have preferences.

Sometimes I build a custom element, and then I have second thoughts about it. hotpink teal #22f6 #f226 The first is just a clever use of CSS.

It wasn’t always a great year, but I’ve been moving the right direction.

The new @scope rule is here!

So that when I am busy, it should be from an abundance of creative projects, not a scarcity of time.

Don’t let specificity force you into strict selector conventions.

When my Alfred word counting workflow stopped working (flowing?)

How would our words change if we were writing for someone in crisis?

An archive of the earliest web browsers – from WorldWideWeb, LineMode, and ViolaWWW up through Mosaic.

Harry Roberts provides a lot of detail about when/how to use ‘Critical CSS’ as a performance optimization – and some strong warnings that it might not be worth the effort.

[As] a flame, Which oft, they say, some evil Spirit attends, Hovering and blazing with delusive light– —John Milton Playful gradient inspiration Last week, my friend Dylan (a junior dev looking for work, if you have any leads!)

I’m a sucker for a good personal site redesign, especially when it comes with an attached blog post.

Browsers are starting to roll out support for new color spaces in CSS as part of Interop 2022.

The CSS Working Group is discussing ‘logical properties’ today with the Internationalization Working Group – and there’s a great new article on the topic this week from Jeremy Keith.

After nearly 15 years as a highly-requested feature in CSS – and 15 years being told it was impossible – (size) Container Queries and units have shipped in both Chrome/Edge 105, and Safari 16!

I’m bad at short posts, or even just sharing a link.

I really enjoyed Dave Rupert’s Modern alternatives to BEM, which concludes with a link to my redesign.

Continuing the slow redesign process, I spent a weekend rearranging the deck chairs content files on the Titanic this website.

I want to re-think the front-end of my site, without too much change to the (Eleventy/Markdown) content that drives it.

Erin and I spent a couple days last week at the Colorado Shoe School in Bellvue, CO – learning, designing, and making our own sneakers.

All browsers add an 8px margin on the body element – it’s part of the w3c-recommended default stylesheet which browsers generally use as a starting point for their own ‘user agent’ styles.

Working on Sass support for color spaces, I ran into a question about the proper handling of hwb() colors.

This post has been written and published, and filed away for safe keeping as an event that happened in my past.

In CSS, there are compound selectors and also complex selectors, and I never remember which is which.

The other day, I posted an article about implementing webmentions on this site.

I’m really into the IndieWeb, or the ideas behind it.

Reflections on making theater, and my family reacting to it.

Cascade layers are a new CSS feature that allows us to define explicit contained layers of specificity.

Media-queries allow an author to make style changes based on the overall viewport dimensions – but in many cases, authors would prefer styling modular components based on their context within a layout.

“What is one thing you learned about building websites this year?”

As I spend more of my time working on the CSS language, I wanted a place to take notes and explore new ideas in the open.

CSS Custom Properties allow us to manage and control both cascade and inheritance in new ways.

Sommer asked people to record themselves reading a poem from her collection, Backup Singers.

“What about building websites has you interested this year?”

Why waste your time on half-measures?

Sass recently launched a new module system.

In the CSS naming-convention arms race to lowest specificity, I’ve decided to only use universal * selectors.

Art installation featuring a mix of pieces from Riding SideSaddle*, PROPHETIA VETITUM MUNDI, Gods on the Lam, and elsewhere.