What’s !important #17: Custom Highlight API, CSS Navigation Matching, Fixing text-stroke, and More
— Lea Verou, PhD (@lea.verou.me) 17:39 · Aug 1, 2026 Different ways to use the lh unit Ahmad Shadeed showcased different ways to use the lh unit, which, as it turns out, has a range of uses. If you’re not familiar, 1lh is equal to the computed line-height. Source: Ahmad Shadeed. Bramus explained how the […]
Blocked aria-hidden: The Warning is Right, and Every Fix You’ve Found is Wrong
The warning is correct. And the recommended fixes you’ve probably seen are wrong. Here’s what you can do instead to properly fix the issue. Blocked aria-hidden: The Warning is Right, and Every Fix You’ve Found is Wrong originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well. Fuente: Artículo […]
SmashingConf Freiburg 2026, September 7-10
Smashing Magazine’s in-person conferences are back and returning to the wonderful city of Freiburg next month, September 7–10. SmashingConf Freiburg 2026, September 7-10 originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well. Fuente: Artículo original
Animating CSS border-image
Border images are an overlooked feature. One neat fact is that border image slices can run across entire borders on an element, and animating it creates beautiful effects. Animating CSS border-image originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well. Fuente: Artículo original
2026 State of CSS, Devs Surveys
A few notes and takeaways from the 2026 State of CSS survey results, including a nice CSS-Tricks cameo! 2026 State of CSS, Devs Surveys originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well. Fuente: Artículo original
Using and Styling the Dialog Element
There’s a lot of nuance to the element, a seemingly little piece of web architecture. I’ve got some notes from digging into it. Using and Styling the Dialog Element originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well. Fuente: Artículo original
Gap Decorations Are Now Available, Here’s What’s New
Today, with CSS gap decorations fully supported in Chrome and Edge, starting with version 149, you can now very easily style gaps, and with a lot of control. Gap Decorations Are Now Available, Here’s What’s New originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well. Fuente: Artículo original
What’s !important #16: sibling-index() Animations, Use Cases for the infinity Keyword, Container Stuck Queries, and More
— Lea Verou, PhD (@lea.verou.me) 15:12 · Jul 16, 2026 What do you think? Make sure to read the comments! 3 ways to animate hand-drawn text Johannes Bechberger showcased three ways to animate hand-drawn text. SVG scares the heck out of me to be honest, but Johannes cuts right to chase in the code comments. […]
writing-mode
The writing-mode CSS property sets whether lines of text are laid out horizontally or vertically, and the direction in which blocks and lines progress. .element { writing-mode: vertical-rl; } This is most useful in languages such as Chinese, Japanese or … writing-mode originally handwritten and published with love on CSS-Tricks. You should really get the […]
What’s !important #15: Boundary-aware CSS, Time-based CSS, Full-bleed CSS, and More
Similar to last time, What’s !important #15 is pretty stacked — read all about boundary-aware CSS, making grid lanes accessible, creating time-based web designs, fixing full-bleed CSS, improving customizable select, new web platform features, and more. What’s !important #15: Boundary-aware CSS, Time-based CSS, Full-bleed CSS, and More originally handwritten and published with love on CSS-Tricks. […]