Hello lovely —
I’m Miriam.
I make art & software
that celebrate queerness & diversity.
One size never fits all.
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.
But why 8px?
Where does that come from?
Working on Sass
support for color spaces,
I ran into a question
about the proper handling of hwb() colors.
That lead me down a rabbit hole,
exploring the edges of hwb
(and powerless color channels) in CSS.
Over the last decade, Responsive Web Design and Object Oriented CSS have grown from exciting new trends into the foundations of modern, component-driven web design. But our medium is not done evolving.
This post has been written and published, and filed away for safe keeping as an event that happened in my past. This post is also a live performance, and an invitation to engage. Thanks for dropping by.
In CSS, there are compound selectors and also complex selectors, and I never remember which is which. Do you need to learn the difference? Probably not. But I’m tired of looking it up.
The other day, I posted an article about implementing webmentions on this site. Today, I’m battling an endless stream of spam in my mentions.
I’m really into the IndieWeb, or the ideas behind it. I like to own my data, I like a space to play and experiment, I like the idea of syndicating content to be read/experienced in a variety of formats. I love microformats, and RSS feeds, and… wait… how do webmentions work?
What does it mean to be a person – to have a body, and live in it – to make choices, and change over time – to tell the truth?
Cascade & Inheritance Level 5 defines Cascade Layers – allowing authors to define explicit contained layers of specificity.
Reflections on making theater, and my family reacting to it.
Declarative controls for presentational state
Cascade layers are a new CSS feature that allows us to define explicit contained layers of specificity.
Cascade & Inheritance Level 5 defines Cascade Layers – allowing authors to define explicit contained layers of specificity.
CSS Containment Level 3 defines Container Queries and container-relative units – allowing authors to build more intrinsic responsive components without knowledge of the overall layout.
Cascade & Inheritance Level 6 defines scoped styles – allowing authors to provide bounded ranges for selector-matching, and give priority to more ‘proximate’ scope origins.
I was Interviewed by Rachel Andrew for the web.dev Designcember (and finally got around to posting a link here)
Miriam talks to Now What? about why the internet looks the way it does, why designers and developers need to collaborate and how the future of the web must be built around inclusivity and respect.
We discuss the role of the ‘design engineer’ and what it means for workflows, collab with their product team, and the end-user experience.
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.
A podcast focusing on front end development but also covering a wide range of web development and design topics. We talked about CSS, Sass, and work being done in the W3C CSS Working Group.
New CSS proposals like Container Queries, Cascade Layers, Scoped Styles, and Nesting are all aimed at improving the way we write responsive components and design systems.
