Customize

writing’ orgs

Grapefruit Lab

Co-Founder: Multimedia performance laboratory & theater ensemble

Teacup Gorilla

Bass & Vocals: Dark indie-rock soundscapes with evocative poetry

CSS Tricks

Staff Writer: Blog for people who make websites

Mozilla Developer

DevRel Contractor: Videos, articles, & tools from Mozilla (and OddBird)

Goshen College

Student & Master Electrician: Theater, writing, & visual arts

115 ‘writing’ episodes

2021

| code art

Monkey Writr

A monkey hitting keys at random for an infinite amount of time will eventually want some help writing Hamlet (or whatever). You’re the monkey. We’re here to help.

| article

Support (Not) Unknown @ OddBird.net

Working on a new CSS feature like Container Queries, one of the most important considerations is to ensure a “migration path” – a way for developers to start integrating the new code, without breaking their sites on legacy browsers.

| article

Container Queries Explainer & Proposal CSSWG

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.

2020

| article

Custom Property “Stacks" CSS Tricks

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

| film

Fallout

I wrote this at the start of the Iraq war (2003), and later made the short film. It’s been on my mind again during COVID-19 isolation.

2019

| article

Introducing Sass Modules CSS Tricks

Sass recently launched a new module system. The new syntax will replace @import with @use and @forward – a big step forward for making Sass partials more readable, performant, and safe.

| reading

Queer Art @ Charis Books | Atlanta, GA

A fragmented memory of friendship – navigating fluid genders, relationships, and bodies that resist order, category, or completion. Inspired by Margaret Clap, and the many myths of Hermaphroditus.

| article

CSS Custom Properties @ Smashing Magazine

Pushing past the “variable” metaphor, CSS Custom Properties can provide new ways to balance context and isolation in our patterns and components.

| story telling

Framed | Born To Choose This Way @ The Narrators (live)

A reflection on change, desire, choice, and the stories we tell about ourselves

| theater

Vagina Monologues @ Firehouse Art Center

I was invited to perform a Vagina Monologue, and ended up writing my own.

2018

| article

Rejecting Maleness @ Journal of Mennonite Writing

The Journal of Mennonite Writing asked me to submit for their queer issue. I don’t identify as Mennonite, but I did grow up in the church, so I asked my friends what to write about. They suggested the common question: In a world without rigid gender roles, would anyone need to be trans?

| article

Chosen Family (Thank You)

Yesterday, I shared an article about my impending surgery, and a request for help – both social and financial – as I go through this. I was embarrassed to ask, and not sure what to expect, but your response has been swift and overwhelming. I can’t thank you enough, but I’ll keep trying.

| article

Mia’s Medical Upgrade

Denver Health has started offering vaginoplasty in addition to their other trans medical services. While I’ve been on the waitlist for various surgeons around the country, Denver Health called me this week to give me a date: September 10, less than two months away.

| gig

Speaking of Pride @ Invisible City | Denver, CO

An LGBT concert of writers and composers by the Playground Ensemble, with three works by LGBT authors and the composers.

| theater

JANE/EYRE @ The Bakery

We are not here to flatter egotism, or prop up humbug; we are merely telling the [queer] story. We value what is good in the book; but we believe in the existence of other, and more vivid kinds of goodness.

2017

| article

Sex, Love, & Romance PS I Love You

“I don’t have many guy friends, but my guitarist is one. Parting, I lean in for the cheek-kiss but he plants a good one right on my lips.”

| article

More CSS Charts, with Grid & Custom Properties CSS Tricks

Inspired by Robin Rendle, I demonstrate some of my early experiments combining CSS Grids and custom properties to create dynamic layouts and data-visualizations.

| article

(Mis)Gender

At the family vacation in Moab, everyone is doing their best. It’s not enough, and my day is peppered with the wrong name and pronouns. I hide in my room through dinner so they won’t see me crying.

| article

Shifting Nouns @ Twined Fragments

“I’ve seen myself in the mirror. I find me… disorienting. What do they see that I don’t? Why aren’t they laughing at me?”

| article

Mothers, Fathers, Husbands, Wives @ Twined Fragments

“Mother finds me at her wardrobe, in her pumps and pearls. What are you doing? Being a mommy. Are you, then? She clips on the earrings (they pinch!), reaches for her lipstick.”

| article

Stop Being Productive @ SuperYesMore

A reflection on the nature and value of productivity for the SuperYesMore series: The Human in the Machine.

| article

Fun with Viewport Units CSS Tricks

Viewport units have been around for several years now, with near-perfect support in the major browsers, but I keep finding new and exciting ways to use them. I thought it would be fun to review the basics, and then round-up some of my favorite use-cases.

| reading
| article

Body & Gender Fragments

I wasn’t born in the wrong body. I was born, a body. Without my body, I don’t exist.

| video

Getting Started with CSS Grid CSS Tricks

It feels like CSS Grid has been coming for a long time now, but it just now seems to be reaching a point where folks are talking more and more about it and that it’s becoming something we should learning.

| journal

Some Kind of Resistance Tour @ Open Grounds | Charlottesville, VA

It’s been a month since our country pseudo-elected a bigoted blow-hard for president. I’m heading to DC to protest his inauguration in January, visit friends, and go on a mixed-media resistance tour…

| journal

Justice [Under Construction]

I’m still reeling from this year of insults,  a traumatizing campaign turned traumatic election. I’m not sad about a contest lost, but what those results mean for real people around me. 2016 is over, but 2017 is going to be even harder.

2016

| article

Some Clarifications on Trans Language

There’s a lot of language that gets thrown around, but much of it comes loaded with over-simplified baggage and misconceptions. Here are a few that have been on my mind – from gender identity to biological sex, transition, passing, and visibility.

| journal

Some Kind of Resistance Tour

It’s been a month since our country pseudo-elected a bigoted blow-hard for president. I’m heading to DC to protest his inauguration in January, visit friends, and go on a mixed-media resistance tour…

| article

Loops in CSS Preprocessors CSS Tricks

No matter what acronym drives your selectors (BEM, OOCSS, SMACSS, ETC), loops can help keep your patterns more readable and maintainable, baking them directly into your code. We’ll take a look at what loops can do, and how to use them in the major CSS preprocessors.

| article

An Interview with Miriam Suzanne CSS Tricks

Chris Coyier interviews Miriam when she joins the CSS Tricks team as a Staff Writer. We talk about gettting started in the industry, name confusion, fouding OddBird, building Susy, and more.

| article

Miriam: A How-To Guide

There are some questions that come up again and again if you are trans. A few of those questions are terrible, but most of them are well-intentioned. I’m lucky to have a supportive community around me, so I thought I’d write down my most common answers to help ease your stress about getting it right, and ease my stress about answering the same questions over and over.

| book

Jump Start Sass @ SitePoint

Using Sass, you can write your stylesheets in a more concise, dynamic, and readable way, and cut down many of the repetitive tasks that come with writing vanilla CSS. This book provides a thorough introduction to Sass for the beginner. Co-writen with my friend Kitty Giraudel.

2015

| novel

Riding SideSaddle* @ SpringGun Press

A fragmented memory of friendship – navigating fluid genders, relationships, and bodies that resist order, category, or completion. Inspired by Margaret Clap, and the many myths of Hermaphroditus.

2014

| code art

The Post-Obsolete Book ELO Conference

An archival rhizome ecology in ten parts, and a reflection on the obsolescence of obsolescence – documented on the cloud, and open-sourced as a defense against post-post-obsolescence.

2013

2012

| article

Fuck The Muse @ The Operating System

a series of articles on creative process

| interview

Collaboration & Queer Art @ Boulder Writers’ Workshop

interview with Richard Wall of the Boulder Writers’ Workshop

| code art

The Post-Obsolete Book SLSA 2012 – Electronic Literature and the Nonhuman | Milwaukee, WI

| code art

The Post-Obsolete Book @ post-obsolete.com

An archival rhizome ecology in ten parts, and a reflection on the obsolescence of obsolescence – documented on the cloud, and open-sourced as a defense against post-post-obsolescence.

| novel

Into the Green Green Mud @ greengreenmud.com

A novel about new love, moving apart, and what comes next. A love story, and an after-love story – told wiith poetry and pictures.

2010

| script

Missa Populi

A modern, theatrical interpretation of the Catholic Mass – created by Grapefruit Lab and Teacup Gorilla.

| theater

Missa Populi @ PackingHouse Center for the Arts

Combining the sacrifice, transcendence, blood, and circumstance of the Catholic Mass with history, live music, science, dance, literature, and pop culture to find a wholly modern communion experience. What we have left is our selves, broken and battered, but surviving together.

2007

| script

Bigger Guns III @ New World Arts

An action comedy for the stage, based on our favorite movie tropes. The script was devised by the entire ensemble, lead by Michelle Milne, Miriam, Emily Swora, and Ben Jacobs. I don’t believe this is the final script…

2005

| script

Daffodil MF

a ten minute play, and short film

| theater

Sadomasochism @ New World Arts

We hurt ourselves for love…

| theater

In a Time of War @ New World Arts

Based on a series of interviews with Annie in 2003, this play was produced first by Goshen College as a runner-up for the International Peace Play Contest, and then in collabiration with New World Arts for my senior thesis production.

| film

Fallout @ shortfilmfest05

I wrote this at the start of the Iraq war (2003), and later made the short film. It’s been on my mind again during COVID-19 isolation.

2004

| theater

Every Other Day @ New World Arts

My first one-act play…

| script

Every Other Day @ Pinchpenny Press

a play in one act, and a short film

2003

| script

In a Time of War

Reflections of a Mennonite holocaust survivor after the war

| film

Fallout GC One Acts

| script

Fallout

a glimpse of the aftermath