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, @npub1w9ta...a2ap (who recently moved on to join the Polaris team at Shopify), recently joined the dynamic duo of Dave & Chris on @npub1f774...twck to talk all about the Nord design system:
All the Deets on the Mighty Details Tag 🙌 @npub1ncs6...a6v8 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()! 😉 @npub19405...zhyh 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. @npub1fs69...tlr3 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
Happy #Interop2025 day to all who celebrate! #WebDev #OpenStandards
Every time I see utility classes sprayed all over basic tags like <p> and <a>… 😂 #CSS #WebDev #Humor image
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:
Y'all, I'm not done with squircles! 😅 A few days ago I demonstrated utilizing #CSS clip-path and SVG data to round the corners of an element in a more attractive manner. That #WebComponents demo turned out well, but it got me thinking I might attempt to “squirclize” a grid of thumbnail images, which eventually led me to the html-squircle #JS library for generating refined curve paths. Now this looks pretty fun! 🥳 #WebDev image
I Made a Squircle! Button. It's a squircle button. 🥰 And that’s harder than you might think, due to the limitations of what typical #CSS provides. But here we break down a neat #WebDev technique for building one as well as some of the other fun aspects of this demo (@ property to the rescue!): image
“War must be, while we defend our lives against a destroyer who would devour all; but I do not love the bright sword for its sharpness, nor the arrow for its swiftness, nor the warrior for his glory. I love only that which they defend.” –J. R. R. Tolkein The AI *is* coming for your job. The Zuckerbergs of the world will make sure of it. But hope is not lost. We, the workers, still have real power. Here are a few ideas on how to weather the coming #WebDev storm: