StyleX has been around for a while, but it’s seeing a resurgence in popularity lately for whatever reason. Seems pretty good to me. You don’t have to write atomic CSS, but you get atomic CSS output that loads like any other CSS. Kinda like you don’t have to write like Tailwind to get Tailwind-like efficient […]
Thanks to some very modern CSS, we can visually replicate the logic of scrollbars. Then make them actually functional.
There was a fun and intellectual debate recently about UI controls for dark/light mode. I think the story starts with Modern Web Guidance skills from Google, which recommend using a two-state toggle, apparently written by Lea Verou, and Bramus Van Damme takes issue with it. Lea explained her thinking in detail, which is a great […]
“Liquid glass” design is helped along by offsetting/scaling the background as if you’re looking through real glass. But that gets tricky with arbitrary CSS background positioning.
You can always easily style :hover, but what if you want the NEXT item to have styling too? Or, just a smidge harder, the PREVIOUS item. How about multiple in any direction?
A brand new 2 KB client-side syntax highlighter from Dave. Includes a web component for very easy usage. Maybe these web components have legs, eh? The most interesting part about it is that it doesn’t touch the DOM. It uses the Highlight API to colorize text and TextMate grammars (the same as in VS Code) […]
My post Thinking Horizontally in CSS @layer got Stuart Robson thinking about how to pull it off at a bigger scale. Stu is right that our components are essentially hand-written, whereas with a more enterprise-scale design system, design tokens are more likely to come from a build pipeline. That got Dave Rupert thinking about how […]
It’s kinda cool there is Infinity in CSS. You just always need to use it within a calc(), like border-radius: calc(infinity * 1px);. Adam has lots of ideas in that post, and I remember Will was messing with similar ideas a few years ago. I’d say just use it when you’re trying to use an […]
We don’t NEED JavaScript to adjust tooltip timing displays. Super modern CSS and HTML has this covered simply, and we can do fully successful fallbacks.
Nice bookmarkable page with classy examples of two-state transitions from Jakub Antalik.
Master.dev donates to open source projects through thanks.dev and Open Collective, as well as donates to non-profits like The Last Mile, Annie Canons, and Vets Who Code.
