Printing music with CSS grid
Laying out sheet music with CSS grid—sounds extreme until you see it abstracted into a web component.
We need fluid and responsive music rendering for the web!
Related links
Utopia WCAG warnings | Trys Mudford
Wouldn’t it be great if all web tools gave warnings like this?
As you generate and tweak your type scale, Utopia will now warn you if any steps fail WCAG SC 1.4.4, and tell you between which viewports the problem lies.
The Guide To Responsive Design In 2023 and Beyond - Ahmad Shadeed
Instead of thinking about responsive design in terms of media queries, I like to think of responsive design in these categories.
- Responsive to the content
- Responsive to the viewport
- Responsive to the container
- Responsive to the user preferences
Fractional. — Ethan Marcotte
Ethan’s ode to the fr unit in CSS grid.
My requests for Interop 2026 | Clagnut by Richard Rutter
Every one of these five proposals is worth a vote.
Mind you, Rich’s cynicism is understandable.
Related posts
Everything You Know About Web Design Just Changed by Jen Simmons
A presentation at An Event Apart Seattle 2018.
CSS snippets
Some styles I re-use when I’m programming with CSS.
Downloading from Google Fonts
For some reason, Google Fonts only provides .ttf files if you’re self-hosting. I don’t know why.
Programming CSS to perform Sass colour functions
Combining custom properties, hsl(), and calc() to get cascading button styles.
Making the Patterns Day website
The joy of getting hands-on with HTML and CSS.