What’s !important #18: , Syntax ::highlight()ing, named-feature(), and More
Well, that’s a wrap. No, not a flex-wrap, but rather today marks a new day, week, month,…
Drupal 11.4.0 is now available
The fourth feature release of Drupal 11 is another performance breakthrough. Using only a third of the…
Styling ::search-text and Other Highlight-y Pseudo-Elements
Chrome 144 recently shipped ::search-text, which is now one of several highlight-related pseudo-elements. This one selects find-in-page…
Should the CSS light-dark() Function Support More Than Light and Dark Values?
One of the newer CSS features that has piqued my interest: the light-dark() function. And I’ve been closely following…
Poking at the CSS if() Function a Little More: Conditional Color Theming
Chrome 137 shipped the if() CSS function, so it’s totally possible we’ll see other browsers implement it,…
Exploring the CSS contrast-color() Function… a Second Time
In many countries, web accessibility is a human right and the law, and there can be heavy…
Automated Visual Regression Testing With Playwright
Comparing visual artifacts can be a powerful, if fickle, approach to automated testing. Playwright makes this seem…
Case Study: Combining Cutting-Edge CSS Features Into a “Course Navigation” Component
I came across this awesome article navigator by Jhey Tompkins: It solved a UX problem I was…
Come to the light-dark() Side
You’d be forgiven for thinking coding up both a dark and a light mode at once is…