Since we last reported on the back & forth regarding defining a "masonry layout" #CSS syntax, an intriguing development has transpired!
Jen Simmons et al. over at the WebKit Blog have written about a third possible path forward, and it has implications beyond merely implementing masonry layout. It is the initial steps towards formulating a unified layout system that blurs the lines between flexbox and grid. This new #WebDev concept is tentatively being called Item Flow.
What can I say? I’m a nerd for Nord.
But seriously, you should most def give the Nord design system a look-see because the docs are seriously impressive—my go-to whenever I’m tasked to provide examples of how to build great design system documentation.
One of its principal developers, @Dave 🧱 :cursor_pointer: (who recently moved on to join the Polaris team at Shopify), recently joined the dynamic duo of Dave & Chris on @ShopTalk Show to talk all about the Nord design system:
All the Deets on the Mighty Details Tag 🙌
@Geoff over at #CSS Tricks has written a definitive guide on using <details>, a number of possible use cases, and some of the trickier aspects of styling it and even animating the opening and closing states. I’ll be sure to refer to this the next time I do #WebDev on a <details>-based feature!
Is it possible to write advanced theming #CSS with context-aware conditional code? As if()! 😉
@Christopher Kirk-Nielsen shows us a glimpse of what's possible—just in Chrome Canary right now behind a flag, but here's hoping it gains ground soon.
On a related note, us #WebDev folks are eagerly awaiting container style queries in Firefox! Can it happen please pretty please with sugar on top??
We Need to Talk About Anti-Web Coding Assistants
It's time. We can't ignore this massive threat to the continuing health of this platform we all love.
@Vale has done a deep dive into what the bots think is the state-of-the-art of #WebDev and…uh, it's alarming. 😬
We can, *and we must*, expect better of the tools being thrust in our faces as the future of “whatever”.
#ProCraft
One of the most exciting #WebDev-elopments in Modern™ #CSS is the ability to generate new colors programmatically based on variables or the currentColor keyword.
However, there are two separate ways to modify colors, each with its own set of goals and syntax, and the confusing thing is they have rolled out at different paces.
Exciting news though! The day will soon be here when all you’ll need for defining a fantastic color palette is a mere handful of base colors:
