S24W45
Layout systems, Flexible Typesetting, and why physical buttons still matter
The Avalanches. We Will Always Love You.
Listen: Spotify
—
Links of the week
Flexible Typesetting (Free e-book).
Why Physical Buttons Still Matter in a Digital World (Article).
Displaying initials for an avatar component (Article).
Stop building components, start building patterns (Article).
The required steps to make required fields accessible (Article).
Stuff that caught my attention this week
This week, I have been working on defining layout guidelines, with a particular interest in how different companies are integrating the potential of CSS Grid Layout into their design systems.
CSS Grid marked a significant shift from traditional layout methods, making systems like 12-columns grid systems feel outdated. Still, there remains uncertainty about how best to introduce this “new” system to designers, especially those without coding understanding. Interestingly, some companies are beginning to phase out terms like “column system” in their documentation, suggesting a shift toward new conventions waiting to be discovered in the digital design community. Below a few resources that I found interesting:
Responsive layout grid + App body width + Layout options (Polaris).
Grid + Responsive techniques (Fluent 2).
Grid layout templates (Mística).
App layout + Content layout (Cloudscape).
That's all for now, folks. Have a lovely end of the weekend end.
Rafa