Perfectly vanilla CSS pie charts — everyone’s favorite challenge, right? A follow-up to @monknow.bsky.social‘s follow-up, which was probably a follow-up to someone else’s follow-up: css-tricks.com/another-stab... This one’s pretty darn interesting.

I'm majorly excited for these two features to see more widespread browser support. Once these are fully fit for use in production, I think they'll revolutionise how we author and think about CSS. 'Twas a great pleasure getting to dig into these for the CSS-Tricks Almanac. #CSS #WebDev

A couple new bangers from @vale.rocks on upcoming features: @function css-tricks.com/almanac/rule... @custom-media css-tricks.com/almanac/rule... Declan has a real knack for explaining complex things like these very, very clearly.

Working on a little something we've wanted to do *forever* and a day. 🎓

🍞 Fresh baked in the CSS Almanac: rotate() css-tricks.com/almanac/func... rotateX() css-tricks.com/almanac/func... rotateY() css-tricks.com/almanac/func... rotateZ() css-tricks.com/almanac/func... Subtle difference there between rotate() and rotateZ()...

The state of CSS centering in 2026. @css-only.dev compares flexbox, grid, position: absolute, and text-align, explains text-box, anchor-center, and safe vs unsafe centering. #css #layout css-tricks.com/the-s...

🔥 Feast on the latest "ain't no time for that" roundup from @dxnny.fun... Safari Testing, ::checkmark, HTML Anchor Positioning, State of CSS, and more! css-tricks.com/whats-import...

Chrome 151 will finally ship the `autocorrect` attribute, making it Baseline after 17 years. chromestatus.com/feature/6264...

Hadn't really thought about letter-spacing being animatable, but @preethisam.bsky.social has a real interesting idea to use it for hidden text. css-tricks.com/revealing-te...

This inspiring piece gives me some hope for a future to come, which means a lot, because things have been looking mighty bleak.

The other week, @wil.to published a lovely piece on the JS ShadowRealm proposal: css-tricks.com/soon-we-can-... ...a reader saw em dashes and gave up reading what they thought was LLM slop. Their loss, but I love why Mat says he won't give up his precious em dashes: wil.to/posts/llemda...

Seeing a lot of discouragement in technical writing circles the past week. And I've got some thoughts on what technical writing means in this AI age. I'm rooting for you and for all of us. 🧡 css-tricks.com/technical-wr...

Yeah yeah, centering is *easy* in CSS, right? I'll be danged if I didn't learn way more ways to center and *why* they work from @css-only.dev in this one. Seriously 100+ ways to center things today... 😳 css-tricks.com/the-state-of...

It's a great time to get @sarasoueidan.com's Practical Accessibility course (25% off!) if you haven't already... ...and why haven't you already, eh? It's wonderful and worth every penny. practical-accessibility.today#buy

 👏👏👏

The decline of StackOverflow is nothing new, or even surprising, but it's still worth asking: what does that say about the way we *learn* front-end development? I like the way @sunkanmifafowora.bsky.social pokes at that question. css-tricks.com/stack-overfl...

Lots of moving parts with cross-doc view transitions, and plenty that can go wrong. I struggle with them for sure but this post has helped a lot. css-tricks.com/cross-docume... And a second part coming next week!

3D voxel scenes, flying focus, and the `of <selector>` syntax... oh my! 🔥 Roundup of hot new stuff featuring meodai.bsky.social @chriscoyier.net @ishadeed.com and @joshwcomeau.com css-tricks.com/whats-import...

I will be at @renderatl.com speaking about CSS and the new random functions.

CSS has come so far that we can play with emerging features for things like calculating and displaying discount prices — just a sprinkle of attr(), checkbox state, and custom counters. Another great piece from @preethisam.bsky.social! css-tricks.com/computing-an...

Safari 26.5 ships :open for <details>, <dialog>, <select>, and <input>, making it Baseline. webkit.org/blog/17938/w...

Welp it's official, I'm on the hunt for my next role. I learned a lot in the past 8 months, and I'm ready to get back out there for my next role. If you're looking for someone for devrel/devrel-adjacent roles, I got over a decade of experience in developer relations and ready help your team!

A fine explanation of the proposed ShadowRealm API from @wil.to: Even though code shunted off into a ShadowRealm can't interfere with the objects outside of it, we're free to use their results the way we would use the results of that same operation in the host realm. css-tricks.com/soon-we-can-...

I love follow-up posts like this: @dxnny.fun does an alternate take on @kittygiraudel.com's folded paper. And both approaches are great! 👏 css-tricks.com/using-css-co...

If you need an idea for Mother's Day, Lee Meyer's got you covered with an interactive card he made as a tribute to his own mum. 🧡 css-tricks.com/a-scrollytel...

Some choice excerpts from @wil.to's "Google Prompt API" response css-tricks.com/googles-prom... > You now have an LLM running on your machine, and any website you visit can make use of it [...] Google has said not to worry about it. 😳

HTML-in-Canvas, Hex Maps, E-ink Optimization — oh my! All that and more in @dxnny.fun's latest What's !important, featuring: @amitsheen.bsky.social @benschwarz.bsky.social @scrwd.mastodon.social.ap.brid.gy and @wil.to css-tricks.com/whats-import...

CSS random() and random-item() are almost here. In this @css-tricks.com's article, I explore the challenges of achieving randomness in CSS, the evolution of solutions over time, and the significance of the new native random functions. Just a random article to read 😅 css-tricks.com/the-importan...

We're finally getting new random() and random-item() functions! I say *finally* because the road to get there has been a long and winding one. @alvaromontoro.com paves that road nicely. css-tricks.com/the-importan...

There is kinda sorta way to do the whole ::nth-letter thing as a fun novelty rather than a ship-it-now technique. css-tricks.com/using-nonexi...

Firefox 150 is first to ship the newest versions of... (1) color-mix that accepts (1) more than two <color> (2) light-dark() that accepts <image>s. Heck yeah! developer.mozilla.org/en-US/docs/M...

You know that (sometimes cool, sometimes annoying) Apple product scrolling animation deal? CSS scroll-driven animations can get us pretty close to it. css-tricks.com/recreating-a...

I think I read just about everything front-end that's published, but then @dxnny.fun somehow finds stuff totally off my radar in What's !mportant. Gems in this one from @amitsheen.bsky.social @karlkoch.me @chriscoyier.net @dbushell.com @pavellaptev.bsky.social css-tricks.com/whats-import...

Combing through all the various architectural strategies for JS modules makes me embarrassed how often I simply "wing" it. css-tricks.com/the-javascri...

Chris created CSS Tricks, and I am using CSS Tricks to draw @chriscoyier.net. The loop is looped! 😆 Demo: codepen.io/t_afif/full/... via @codepen.io Each drawing is a single div and a single shape() value! Yes, only one shape for a complex drawing 👀 Another (crazy) demo using modern CSS.

Managing two states in #CSS (a la the Checkbox Hack) is great and all, but using radio buttons for multiple states opens up a bunch more options. Oodles of examples from @amitsheen.bsky.social: css-tricks.com/the-radio-st...

Select multiple dates on a calendar where the :nth-child()'s “n of selector” syntax does all the heavy lifting. Perfect example of CSS and JS working together in harmony. css-tricks.com/selecting-a-...

Pretty sure most of us avoid !important anyway, but it's always a good reminder to revisit the alternatives... and when it might actually be good to reach for it. css-tricks.com/alternatives...

Hey everyone! I am super excited to announce that, in exactly one month (Wednesday, May 6), I'll be speaking at Meets Style Sheets by @smashingconf.com about Anchor Positioning!!! I'll start the countdown now: 30 days left 👀 Get your tickets here! smashingconf.com/meets-style-...

A couple new column-wrapping features shipped in Chrome 145, like `column-wrap` and `column-height`. Truly big upgrades for multi-column layouts — here's how you *might* use them... as well as when you might *not* use them. css-tricks.com/css-multi-co...

Years ago, creating CSS shapes was a tedious task. I had to find workarounds with a lot of gradients and math. Now, using the shape() function, I can easily create complex shapes and animate them! 👇

It's on! 🔥

A crap-ton of shape() inspiration from none other than @css-only.dev to help burn your Thursday. css-tricks.com/complex-css-...

Has CSS gone too far?

Front-End Fools: Top 10 April Fools’ UI Pranks of All Time A little trip down memory lane. :) css-tricks.com/front-end-ap...

The specification smells a little funny, but we've already implemented emulation for it.

Introducing the CSS Olfactive API Something's s little... smelly about it. 👃 css-tricks.com/css-olfactiv...

Rounding up recent things that are worth having on your radar: 💥 SVG favicons and color scheme (@pawelgrzybek.com) 💥 Help shape @mixin (@lea.verou.me) 💥 Anchor-interpolated morphing (@chriscoyier.net) 💥 corner-shape UI elements (@utilitybend.com) ...and more: css-tricks.com/whats-import...

💥 Firefox 149 and Safari 26.4 now allow for querying the @container name only. That way, we have an identifier without necessarily needing to query the container type. developer.mozilla.org/en-US/docs/M... developer.apple.com/documentatio... The actual spec change: github.com/w3c/csswg-dr...

No spicy takes here, just genuine interest and notes on whatever the heck "Generative UI" is supposed to be. css-tricks.com/generative-u...