The amount of CSS novelty in the last two to four years has been staggering. Multiple innovations have been released and are now supported in all modern browsers, and some of them fundamentally change how to make websites.
Nice article. I didn’t know about many of these.
I’m glad we can use logical properties now. Dealing with systems that support both LTR (like English) and RTL (like Hebrew and Arabic) languages used to be a pain because we had to have a build script that generated a second CSS bundle with everything flipped (eg converts margin-left to margin-right, border-left to border-right, etc. Logical properties make it a lot easier.
I love the gap property for flexbox… I use that one all the time. Easily solves the “I need padding between all these items, but no padding at the start or end” use case.
its 2024 if it’s not the marquee tag what’s the point
I’ve been waiting so long for :has(), and had no idea it was finally implemented. This is huge for userstyles. Now I should be able to hide retweets and inline ads from Twitter with just a couple lines of css.
Also, I’ve gotta say, great article. Very informative and I appreciate the focus on concrete use cases.
here’s the hype:
🔥🎉🥳
