The State of CSS 2024 survey wrapped up and the results are interesting, as always. Even though each section is worth analyzing, we are usually most hyped about the section on the most used CSS features. And if you …
The CSS @property at-rule lets you register a custom property. It can be used as an everyday CSS variable inside a var() function or style queries, the difference being that we can better define and validate the type of …
More times than I can count, while writing, I get myself into random but interesting topics with little relation to the original post. In the end, I have to make the simple but painful choice of deleting or archiving hours …
The @supports at-rule has been extended several times since its initial release. Once only capable of checking support for property/value pairs, it can now check for a selector using the selector() wrapper function and different font formats and techs using …
The @supports at-rule tests whether a browser supports a CSS feature and allows developers to provide fallback styles if it doesn’t, in what’s commonly called a feature query.
@supports (display: grid) {
main {
display: grid;
}
}The CSS @container at-rule lets us apply styles to other elements depending on a container’s size or styles. It works almost the same way as a traditional @media query but we are not limited to only querying the viewport.
.parent For the past two months, all my livelihood has gone towards reading, researching, understanding, writing, and editing about Anchor Positioning, and with many Almanac entries published and a full Guide guide on the way, I thought I was ready to …
I am thrilled to say, that from this week onwards, the CSS-tricks Almanac has an entry for each property, function, and at-rule related to the new Anchor Positioning API! For the last month, I have tried to fully understand this …
