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!
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.
Related links
Responsive typography and its role in design systems | Clagnut by Richard Rutter
Okay, if you weren’t already excited for Patterns Day, get a load of what Rich is going to be talking about!
You’ve got your ticket, right?
clamp() Calculator · Chris Burnell
Like a little mini Utopia:
Handy little tool for calculating viewport-based clamped values.
The math of CSS locks
A very very in-depth look at fluid typography in CSS using calc.
ProtoFluid. Rapid Prototyping of Adaptive CSS and Responsive Design.
Another browser-based tool for testing your responsive designs at different screen sizes.
Related posts
Expectations
Offline could be the new normal.
Everything You Know About Web Design Just Changed by Jen Simmons
A presentation at An Event Apart Seattle 2018.
Told you so
In which I permit myself a moment to gloat about liquid layouts.
Hanging punctuation in CSS
A little fix for Safari.
When should there be a declarative version of a JavaScript API?
If the JavaScript API requires a user gesture, maybe it’s time for a new button type.