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:
That HTML Blog
All About the Nord Design System, Guest David Darnes on ShopTalk
My go-to whenever I’m tasked to provide examples of how to build great design system documentation.
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!
That HTML Blog
All the Deets on the Mighty Details Tag
One of the great unsung heroes of modern web UX.
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??
That HTML Blog
Hot Off the Press Examples of CSS if()
Taking context-aware theming to a whole new level…one day.
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
That HTML Blog
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.
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:
That HTML Blog
Live CSS Colors: What You Can Safely Use
We’re not quite there yet, but the day is coming when all you’ll need for defining a fantastic color palette is a 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
That HTML Blog
Squircles on the Loose! Images Demo via the html-squircle JS Library
Adding a splash of pizzazz to rendering a grid of image thumbnails.
 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!):
The Spicy Web
I Made a Squircle Button (and of Course It’s a Web Component)
We’ve got some pretty funny names in the software industry, and a few are simply hilarious to say out loud. Try it. Squircle. I made a squircle. ...
 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:
The Spicy Web
Creative Strategies for Surviving the AI-pocalypse
We need to push back and push back hard on low-quality industrial automation of our profession.