Responsive Letter Spacing – Cloud Four
Another clever use of clamp() and calc() for web typography, but this time it’s adjusting letter-spacing.
RWD Bloat - daverupert.com
Dave wanted to figure out if having a responsive site necessarily meant taking a performance hit, so he ran the numbers on his own site. It turns out all of performance-related issues are not related to responsive design.
Related links
An Interactive Guide to CSS Container Queries
Another terrific interactive tutorial from Ahmad, this time on container queries.
Retrofitting fluid typography | Clagnut by Richard Rutter
Here’s a taste of what Rich will be delivering at Patterns Day on Thursday—can’t wait!
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 posts
Fluid
Going from delight to default in one straight line.
Making the Patterns Day website
The joy of getting hands-on with HTML and CSS.
Partnering with Google on web.dev
How Clearleft worked with the Chrome team to create a fifteen-part course on modern responsive design.
Media queries with display-mode
I never would’ve known about the `display-mode` media feature if I hadn’t been writing about it.
Even more writing on web.dev
Five more articles on modern responsive design to close out the course.