Thanks to @sarasoueidan.com's Practical Accessibility course, I'm much more confident explaining the accessibility benefits of using semantic elements where possible... instead of merely saying that's the best practice. css-tricks.com/explaining-t...

Trigonometry functions may be the "most hated" CSS feature according to recent polling, but @monknow.bsky.social shows off why there's so much to love about them, looking specifically at tan(). css-tricks.com/the-most-hat...

CSS trig functions make wayyy more sense the way @monknow.bsky.social explains then, even to non-math-y folks like me. He's put together explainers on sin(), cos(), and tan(). ⭐️ css-tricks.com/almanac/func... ⭐️ css-tricks.com/almanac/func... ⭐️ css-tricks.com/almanac/func...

It's easy to fall into the trap of thinking that creative layouts are reserved for larger screens. But check out how @allthatmalarkey.bsky.social keeps it real on small screens. css-tricks.com/getting-crea...

An interesting idea from @silvestar.codes to use the <details> element for tabbed UI rather than, say, the checkbox hack. css-tricks.com/pure-css-tab...

We’ve always been able to affect an element’s structure, like resizing and rotating it. And when we change an element’s intrinsic sizing, its children are affected, too. This is something we can use to our advantage when crafting animations. css-tricks.com/css-animatio...

Hey, so @wil.to has a new online course called JavaScript for Everyone brought to you by our friends at @piccalil.li. Can't. Recommend. Enough. 🏆 Anyway, enjoy this free excerpt on JS expressions from the course! css-tricks.com/an-introduct...

Andy's original site design was a classic. This update surpasses it. Look for all the Easter eggs! 🐣

Really interested to see the replies here... 👀

This'll be a banger of a talk. 💥

Let’s suppose you have some number of elements with the same animation that should animate sequentially. Modern CSS makes this easy and it works for any number of items! @css-only.dev explains and demonstrates it so well. css-tricks.com/sequential-l...

The CSS Masonry discussions are a wonderful case study on how CSS features evolve, what "consensus" means, and how that relates to things like Baseline availability. css-tricks.com/masonry-watc... Big high-fives to @tabatkins.com and @miriam.codes for helping add clarity on the whole process! ✋

Such a grossly under-covered topic — and one I need to get better at as well. Well done! 👏👏👏

"We Completely Missed width/height: stretch" by @dxnny.fun css-tricks.com/we-completel...

Little seasonal thing: candy 🍬 ghost 👻 buttons, 3 techniques in one @codepen.io demo codepen.io/thebabydino/... Detailed explanation of the how behind in this @css-tricks.bsky.social post css-tricks.com/css-ing-cand... Bonus: a hover animated, Chrome-only version codepen.io/thebabydino/... #CSS

White and black are two very safe colors to create contrast with another color value. But when those are the only two values supported by color-contrast(), the contrast between a solid white/black and any other color may not be the best contrast ratio overall. css-tricks.com/the-thing-ab...

So. Danged. Good. Pairs well with this ginormous guide on color functions by @sunkanmifafowora.bsky.social. css-tricks.com/css-color-fu...

All thanks to none other than @miriam.codes!

Interesting to think about what other types of ::picker we'll be able to style beyond <select>. ::picker(select) {} ::picker(date) { } ::picker(color) {} ... css-tricks.com/almanac/pseu...

I gave a lightning talk at yesterday’s @smashingconf.com Jam session on CSS masonry. Here are my slides. In short: Masonry isn’t only for Pinterest-style layouts, doing Masonry on the web today is hard, but built-in Masonry support is coming to browsers very soon!

"Solid blocks of text around straight-edged images can feel static. But text that bends around a guitar or curves around a portrait creates movement, which can make a story more compelling and engaging." "Getting Creative With shape-outside" by @allthatmalarkey.bsky.social

Love seeing updated work on the CSS `cross-fade()` and how it's evolving out of the legacy syntax from WebKit's implementation. In short: Generate a single image outta two (or more!) css-tricks.com/almanac/func...

“Code is my horseradish and I've been marinating in this horseradish ocean for quite a while.” css-tricks.com/same-idea-di...

A new one for CSS-TRICKS!!!

Safari 26 introduces a lot of new stuff. To be precise, it adds: 75 new features, 3 deprecations, and 171 other improvements. Here's all the CSS goodness you'll want to know about, courtesy of @monknow.bsky.social. css-tricks.com/touring-new-...

A little personal challenge from @undeadinstitute.bsky.social to re-create the animated Gemini button that's not-so-subtle in Gmail. css-tricks.com/recreating-g... Fun Friday stuff! ✨

You know how we can’t calc() numbers with mixed data types? Well, that's changing (Chrome 140) and it might be a bigger deal that @amitsheen.bsky.social describes as "self-aware” CSS. css-tricks.com/css-typed-ar...

It's been on my reading list for some time, but finally got around to @ericwbailey.website's opus on the pitfalls of "inclusive" personas and user research. css-tricks.com/on-inclusive...

There's a nice series from @sturobson.com getting into *why* and *how* to "un-Sass" CSS. www.alwaystwisted.com/articles/UnS... @jeffbridgforth.com is making a similar leap and shares how he's approaching it: css-tricks.com/is-it-time-t...

Did you notice that Trigonometric Functions won the “Most Hated Feature” pageant in this year’s State of CSS survey? @monknow.bsky.social thinks they deserve more than a little love, and for good reasons… css-tricks.com/the-most-hat...

Squircles, bevels, steam punk... the CSS corner-shape property's got a lot of style, but what's it really good? @dxnny.fun has a few fun ideas! Check out the marker highlighter. css-tricks.com/what-can-we-...

The best way to learn CSS? Still by clicking through a list of shared hyperlinks and getting lost in what you don't know. That's the open web we know and love!

LOL, great minds think alike when great ideas are floating around. ✨ @sturobson.com with a couple of ways to un-Sass yourself if compiling partials to a single file is what's keeping you down. css-tricks.com/compiling-mu...

And then share it! css-tricks.com/guest-writing/ piccalil.li/guest-author...

🌀 CSS Cascade Layers sound neat, but what happens when you drop them into a messy legacy codebase? Let’s talk about the experience of integrating cascade layers into real-world code, the good, the bad, and the spaghetti: www.smashingmagazine.com/2025/09/inte...

A little silly, but fun: You’re on a desert island and can only carry 4 CSS properties with you. What are they? Mine: font, color, padding, color-scheme Others: Different. Yours: ? css-tricks.com/whatre-your-...

Show the world you’re a HTML or CSS programmer with our new t-shirts, hoodies and sweaters. piccalil.li/links/piccal...

Love how @zellwk.bsky.social goes down a rabbit hole on CSS composition: 1. CSS is composable by nature. 2. You can do composition in HTML or in CSS. ...and ultimately: 3. Styles can be divided into four categories: layouts, typography, theming, and effects. css-tricks.com/composition-...

📝 "What You Need to Know About Color Interpolation" by @sunkanmifafowora.bsky.social css-tricks.com/what-you-nee...

Wow, lots of ways to contribute to working discussions on web standards popping up today! First WCAG 3.0 and now Interop 2026.

And there's a LOT to take in! Great opportunity to be part of the discussion.

Seen the draft specification for an image() function? Looks like it'll make it muuuuuuch easier to set background fallbacks without repeating properties... and control directionality in one fell swoop! css-tricks.com/almanac/func...

💡 I did the research so you don’t have to! This is every element in current Baseline browsers that would need a margin or padding removing in a reset stylesheet: gist.github.com/csswizardry/...

📙 Fresh from the ol' CSS Almanac: The image-set() function is sorta like HTML's srcset attribute... but for letting the browser choose the "best" image for a user's device and network conditions. css-tricks.com/almanac/func...

So fun watching other folks take the CSS-Questions challenge. :)

The light-dark() function is currently designed to support just two color schemes. Should it support others? @sunkanmifafowora.bsky.social says yes _and_ no. css-tricks.com/should-the-c...

A dash of modern CSS accomplishes so many things that used to require abstractions, dependencies, and tricks (wink, wink). This one from Christian Sabourin is a great example: custom properties, clamp()-ing, calc()-ing, counters, relational pseudo selectors, etc. css-tricks.com/css-elevator...

Solid wisdom from @allthatmalarkey.bsky.social: "Images in long-form content can (and often should) do more than illustrate. They help set the pace, influence how readers feel, and add character that words alone can’t always convey." css-tricks.com/getting-crea...

✨ Part three (and final) is out now! ✨ This series has been a deep dive into 3D layered text, and in this part we explore some advanced interactions while making the code cleaner and more dynamic with a touch of JS. 🤩 🔗 Read and share your thoughts on @css-tricks.com css-tricks.com/3d-layered-t...

Alright, we're capping off @amitsheen.bsky.social's CSS-Tricks takeover with the final chapter in his series — this time making fully responsive bulging text that follows your mouse in real time. ✨ css-tricks.com/3d-layered-t...