CSS-Trickz! also ready to join Digital Ocean

CSS-only bar charts are one of those things we’ve tackled a bunch of times in different ways. But how can modern CSS features finally make it not only trivial, but fun?

A quick warning about overscroll-behavior: contain.

You’d think that publishing a VS Code extension is an easy process, but it’s not. You have to publish your theme in at least two places.

Soon we’ll be able to implement multiple, comma-separated borders and outlines for a single element.

I’ve always thought that creating a VS Code theme was a lot of work. But lo and behold, it took less than six hours to get it working, then a day or two to polish up my final tweaks.

Chrome Canary trials <meta name=text-scale>, making OS-level text scaling work on the web.

Neither Chrome, Safari, nor Firefox have shipped new features in the last couple of weeks, but fear not because leading this issue of What’s !important is some of the web development industry’s best educators with, frankly, some killer content.

The new ::search-text pseudo (Chrome 144) matches are yellow while the current target (::search-text:current) is orange, but ::search-text enables us to change that.

Introducing: CodePen 2.0!

Stu Robson’s ReliCSS (clever name!) tool can excavate outdated CSS in your codebase that have modern CSS solutions.

Adam Argyle reminds us that Firefox is testing @custom-media, and shares some handy resources.

Accessibility advice around modals have commonly taught us to trap focus within the modal. Upon further research, it seems like we no longer need to trap focus within the <dialog> (even in modal mode).