Written by: Daniel Schwarz
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.
Continue reading "What’s !important #7: random(), Folded Corners, Anchored Container Queries, and More" at CSS-Tricks
Written by: Daniel Schwarz
Get notified when a CSS feature becomes Baseline with BaseWatch.
Continue reading "Quick Hit #110" at CSS-Tricks
Written by: Zell Liew
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
Written by: Daniel Schwarz
According to Luke Warlow, <toolbar> is coming along.
Continue reading "Quick Hit #109" at CSS-Tricks
Written by: Daniel Schwarz
Chrome 146 becomes the first browser to ship scroll-triggered animations.
Continue reading "Quick Hit #108" at CSS-Tricks
Written by: Patrick Brosset
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
Written by: Daniel Schwarz
Font Awesome are launching a Kickstarter campaign to transform Eleventy (11ty) into Build Awesome.
Continue reading "Quick Hit #107" at CSS-Tricks
Written by: Amit Sheen
How we look at the stacking order of our projects, how we choose z-index values, and more importantly, the implications of those choices.
Continue reading "The Value of z-index" at CSS-Tricks
Written by: Daniel Schwarz
A new version of Chrome will be released every two weeks (instead of four) starting from September 2026.
Continue reading "Quick Hit #106" at CSS-Tricks
Written by: Daniel Schwarz
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
Written by: Daniel Schwarz
Safari TP 238 trials customizable <select>, which Chrome has fully implemented already.
Continue reading "Quick Hit #105" at CSS-Tricks
Written by: Zell Liew
Choosing between Popover API and Dialog API is difficult because they seem to do the same job, but they don’t! After a bit lots of research, I discovered that the Popover API and Dialog API are wildly different in terms of accessibility and we’ll go over that in this article.
Continue reading "Popover API or Dialog API: Which to Choose?" at CSS-Tricks