An Interactive Guide to CSS Container Queries
Another terrific interactive tutorial from Ahmad, this time on container queries.
Patterns for Promoting PWA Installation (mobile) | Web Fundamentals | Google Developers
Some ideas for interface elements that prompt progressive web app users to add the website to their home screen.
Related links
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.
Nuberodesign > Blog > In Praise of Buttons – Part One
I concur:
Just because a user interface uses 3D-buttons and some shading doesn’t mean that it has to look tacky. In fact, if you have to make the choice between tacky-but-usable and minimalistic-but-hard-to-use, tacky is the way to go. You don’t have to make that choice though: It’s perfectly possible to create something that is both good-looking and easy to use.
Invokers (Explainer) | Open UI
This is a really interesting proposal, and I have thoughts.
Related posts
Applying the four principles of accessibility
Here’s how I interpret the top-level guidance in the Web Content Accessibility Guidelines.
Fluid
Going from delight to default in one straight line.
Decision time
Balancing the ledger.
Making the Patterns Day website
The joy of getting hands-on with HTML and CSS.
Even more writing on web.dev
Five more articles on modern responsive design to close out the course.