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
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!):
“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:
A few months back, I’d reported on <selectmenu> turning back into a regular <select> tag—but with awesome new #CSS-based smarts for completely customized styling. #WebDev
Since then, there have been some revisions to the proposed spec, and helpfully we have a thorough rundown of what’s changed courtesy of @npub1v48a...csx2:
One of the oldest and cruftiest APIs in #JavaScript involves cookies. In fact, can you really even say there's an "API" for cookies when it's literally just a string property on `document`?
Wouldn't it be nice if we had a more modern #WebDev API to use for setting, reading, and deleting cookies?
Introducing the Cookie Store API:
If it sounds like I'm a sore winner, that's because I am. But OK. Here we are. *Finally.*
Tailwind 4 now comes with a theming system based on—wait for it, wait for it—CSS.
#CSS. What a concept! 😅
Yes, the ships have turned around in #WebDev. React 19 can now play in a world where not all of your components are built with React, and Tailwind 4 can now play in a world where not all of your #HTML markup is riddled with utility classes:
