Quick Hit #95
Adam Argyle quickly outlines the upcoming customizable <select>.
You probably want CSS-Tricks
Adam Argyle quickly outlines the upcoming customizable <select>.
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?
Continue reading "CSS Bar Charts Using Modern Functions" at 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.