Female #watercolor portrait. #illustration #painting #copicpen #cardstock #mastoart

Porcelain. #watercolor #coloredpencil #cardstock #illustration #mastoart

#Toothless from #HowToTrainYourDragon. #DragonAppreciationDay #illustration #watercolor #coloredpencil #cardstock #mastoart

Spent some time today working on #CardStock, our experimental new approach to thinking about and designing #CSS.

https://beanbag.notion.site/CardStock-a9f6d778be7d4ca1a107aef5e513fc5d

The old Python compiler prototype has been rebuilt in #TypeScript, intended for use on the command line, Node.js apps, and in the browser. Why not.

I realized this week what CSS schemas truly have to offer, and I think there are some exciting opportunities for this. For example...

Working on the beginnings of a design document for #CardStock

This is our experimental schema-based approach for defining, constructing, and styling #CSS components without relying on JavaScript or another stylesheet framework.

This is incomplete and still in flux, but it goes over the problems we're trying to solve for our products (e.g., @reviewboard). It has examples for how things fit together:

https://beanbag.notion.site/CardStock-a9f6d778be7d4ca1a107aef5e513fc5d

#projects #buildinpublic #webdev

I'm writing up a document on the plans for #CardStock, and I have some basic tooling going.

Based on my experiments, it's very promising, and I think this is going to be the path forward for all of our products and sites.

I'll share that document once it's ready. I'm also considering livestreaming some of the development, if there's interest.

I've been working on a new approach to writing and maintaining large #CSS codebases.

We're calling it #CardStock.

One of the key fundamentals is that all HTML, all related CSS are structured as reusable components, defined by schemas.

These provide a separation of structure and style for CSS, letting us do some neat things, including: