Quick Hit #94
A quick warning about overscroll-behavior: contain.
You probably want CSS-Tricks
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.
Continue reading "No Hassle Visual Code Theming: Publishing an Extension" at CSS-Tricks
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.
Continue reading "No-Hassle Visual Studio Code Theming: Building an Extension" at CSS-Tricks
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.
Continue reading "Styling ::search-text and Other Highlight-y Pseudo-Elements" at CSS-Tricks
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).
Continue reading "There is No Need to Trap Focus on a Dialog Element" at CSS-Tricks
7 days left to cast your vote for the best GSAP-animated site of the year!