Quick Hit #111
Bramus announces at-rule feature queries for Chrome Canary 148.
What’s !important #7: random(), Folded Corners, Anchored Container Queries, and More
For this issue of What’s !important, we have a healthy balance of old CSS that you might’ve missed and new CSS that you don’t want to miss. This includes random(), random-item(), folded corners using clip-path, backdrop-filter, font-variant-numeric: tabular-nums, the Popover API, anchored container queries, anchor positioning in general, DOOM in CSS, the customizable select element, :open, scroll-triggered animations, the toolbar element, and somehow, more.
Quick Hit #110
Get notified when a CSS feature becomes Baseline with BaseWatch.
4 Reasons That Make Tailwind Great for Building Layouts
Tailwind is really great for making layouts and there are many reasons why. Zell Liew looks at four specific examples of common use cases.
Continue reading "4 Reasons That Make Tailwind Great for Building Layouts" at CSS-Tricks
Quick Hit #109
According to Luke Warlow, <toolbar> is coming along.
Quick Hit #108
Chrome 146 becomes the first browser to ship scroll-triggered animations.
Abusing Customizable Selects
Let’s go over a few demos using the new customizable <select> feature that may be wild, but also give us a great chance to learn new things in CSS.
Continue reading "Abusing Customizable Selects" at CSS-Tricks
Quick Hit #107
Font Awesome are launching a Kickstarter campaign to transform Eleventy (11ty) into Build Awesome.
The Value of z-index
How we look at the stacking order of our projects, how we choose z-index values, and more importantly, the implications of those choices.
Quick Hit #106
A new version of Chrome will be released every two weeks (instead of four) starting from September 2026.
The Different Ways to Select <html> in CSS
Sure, we can select the <html> element in CSS with, you know, a simple element selector, html. But what other (trivial and perhaps useless) ways can we do it?
Continue reading "The Different Ways to Select <html> in CSS" at CSS-Tricks
Quick Hit #105
Safari TP 238 trials customizable <select>, which Chrome has fully implemented already.