Direct link to the article Tailwind’s @apply Feature is Better Than it Sounds

Tailwind’s @apply Feature is Better Than it Sounds

Most of the time, people showcase Tailwind’s @apply feature with one of Tailwind’s single-property utilities (which changes a single CSS declaration). When showcased this way, @apply doesn’t sound promising at all. So obviously, nobody wants to use it. Personally, I think Tailwind’s @apply feature is better than described.

Zell Liew on

Latest Articles

Direct link to the article CSS Carousels

CSS Carousels

Chrome has prototyped these features and released them in Chrome 135. Adam Argyle has a wonderful explainer over at the Chrome Developer blog. Kevin Powell has an equally wonderful video where he follows the explainer. This post is me taking notes from them.

Geoff Graham on
Direct link to the article SMIL on?

SMIL on?

Well, it turns out that SVG’s built-in animation features were never deprecated as planned. Sure, CSS and JavaScript are more than capable of carrying the load, but it’s good to know that SMIL is not dead in the water as previously thought, and is actually well-supported.

Geoff Graham on
Keep browsing in the archives

Quick Hits

Masonry in CSS: There’s a new, third option in the debate that combines Flexbox and CSS Grid features into a new system of “Item Flow” properties. The WebKit blog has all the gory details.

#

Ooo, look at that: Safari Technology Preview 215 adds support for scroll-driven animations, anchor positioning, and text-wrap: pretty. That’s a good sign that other versions of Safari are on the horizon!

#

Smashing Magazine is hosting a free online event discussing modern CSS goodness with the likes of Adam Argyle, Julia Miocene, and Miriam Suzanne this — no joke! — April 1. Get yer tickets!

#

The CSSWG has voted to add a size keyword that’s shorthand for the width and height properties.

#
More Quick Hits →

Collections

Classic Tricks

Timeless CSS gems

Latest CSS Guides

Dive deep into CSS features and concepts

Fresh From the Almanac

Properties, selectors, rules, and functions!