Color fonts are really interesting. You can see the font-palette options using a tool like wakamaifondue.com or the type designer's site is often helpful. You can even animate between font-palettes codepen.io/stacy/pen/vE... Unfortunately, COLRv1 has limited support caniuse.com/colr-v1

Tip: When you're using anchor positioning, consider how scrolling or screen size might make your positioned element overflow, and then add a backup with `position-try`. Get more tips by signing up for my free weekly course on anchor positioning!

Today feels like a good day to make this announcement. We got a puppy.

In the latest Winging It, @miriam.codes & @stacykvernmo.com chat with #CSS expert @kizu.dev about how to create reusable and flexible CSS using mixins & functions, what happened in the CSSWG meetings, and what's coming in CSS! www.oddbird.net/2025/08/27/w... If you like the show, please subscribe!

Accessibility is one of those things that can feel a bit overwhelming when you start learning about it, so I had a conversation with @sarasoueidan.com where we talked all about it, including what it is, why it matters, how to get started learning more about it, and a lot more. youtu.be/ndGKjhzmLXc

We mentioned on Winging It that we might show some of our favorite browser tips. Here's one of many that I find delightful. If you are working with shape-outside, then Firefox has a great path editor. I made a quick video to show how it works.

Please stop inheriting the box-model. The supposed use-case for that is extremely out-dated, inheritance doesn't really help, and it actively makes real box-sizing use-cases more difficult! This #CSS best practice was never the best to begin with: www.oddbird.net/2025/09/04/b...

Tip 1: If you're using anchor positioning in a reusable component, add an anchor-scope to the component to help your positioned element find the right anchor. Tip 2: Sign up for my free email course on anchor positioning .

I'll be Winging It live with @kizu.dev & @stacykvernmo.com in an hour (11am MT) to talk about future #CSS features like mixins, functions, and masonry! youtube.com/live/ER4APBN...

I went down a rabbit hole trying to understand and visualize how fluid typography calculations work in #CSS. Here's a video and interactive codepen with the results: www.oddbird.net/2025/08/26/t... Adjust the values to see how they impact the rate of change, the viewport-size range, and page zoom!

I wanted to play with some CSS trig functions and found you can calculate the width of a scrollbar in CSS when using container queries and registered custom properties. There’s so much more you can do, but here’s a little demo: codepen.io/stacy/pen/Qw...

When the CSS Working Group gets together for a face to face, the CSS meeting bot is busy and lots of Github issues get updated. If you can't keep up with it all, join Roma Komarov, @miriam.codes and @stacykvernmo.com as they recap the highlights on this month's Winging It.

There are so many CSS features rolling out these days but not enough time to experiment myself with everything. That’s why I’m loving @jamessw.com's arbitrary striped table CodePen demo using the new sibling-index() function codepen.io/jamessw/pen/...
 Currently on Chrome & Edge 138+

I love seeing the different stylistic alternates, ligatures, and swash variations of a typeface. I will often fork this pen and swap out the font-family variable to get a quick overview of what is available. I also have a version that will display numeric variants as well. codepen.io/stacy/pen/dP...

When you use position-area, you're actually creating a new containing block for your positioned element. Learn more about how this makes anchor positioning just work in many situations in my email course here - oddbird.dev/learn/course...

One of my favorite color updates in CSS is to use the relative color syntax to go from one color to another. When pairing with custom properties, you can create useful and reusable variants of your brand colors while keeping the relationship to the original color. codepen.io/stacy/pen/gb...

Dig into #CSS Container Queries with @miriam.codes & David Herron at OddBird: Container Queries Videos youtube.com/playlist?list=PL4jAKUtAhpHkH3DMK8JNVPDjvKljPkNVU For a Better Web oddbird.net/2025/04/08/better-web-8/ Container Queries: A Quick Start Guide oddbird.net/2021/04/05/containerqueries

We created Susy for CSS layout on 13 July, 2009 – 16 years ago! – & deprecated the project in 2020. But the Susy pages are still our most visited content on the @oddbird.dev website. If you're interested in learning modern #CSS approaches, I'm working on a course: www.oddbird.net/learn/course...

Send us your questions! @miriam.codes and I will answer CSS-related questions on tomorrow's Winging It at 1pm ET. Do you want to know how to apply layers to an existing project? What CSS syntax we always need to look up when writing? Ask away ... then join us! www.youtube.com/watch?v=EPuz...

On Thursday, @stacykvernmo.com & I will be answering your #CSS questions on @oddbird.dev 's Winging It live stream! Like: - In 2025, is there still a use case for float? - What's the “flat tree”? What are you curious about? Join us & ask! www.youtube.com/watch?v=EPuz...

Next week, @miriam.codes and I are going to be answering questions about CSS on Winging It. Grids? Container Queries? Mixins? What we cover depends on the questions you ask. Add your CSS questions below, and join us on May 15 at 1p ET. www.youtube.com/watch?v=EPuz...

This year's State of Devs 2025 survey is now open! survey.devographics.com/survey/state...

Bought a new computer for reasons ... might ask a few questions today starting with what terminal app do you use? I would normally reach for iTerm but thought I would see if I'm missing anything.

We're giving away a free ticket to the CSS Layout Workshop. To be entered in the drawing, comment below with… - A question you have about CSS layout - Or a fun demo, trick, or snippet of CSS The winner will be announced on Friday, April 18! #css www.oddbird.net/workshops/ca...

Registration is open for the Cascading Layouts workshop! It's fully online, April 28-30, so you can join us from anywhere. Each of the 3 days are 2.5 hours from 9am-11:30am PT. We'll talk about grid, subgrid, CQs & more. 4 days left to get $100 off your ticket: www.oddbird.net/workshops/ca... #css

In my opinion? You should listen to this episode of “For A Better Web”, spend a moment punching the sky / rending your garments / raging against the machine, and then go directly to @miriam.codes’s OpenCollective to support her beautiful vision of what the web could be. vivaldi.com/blog/8-miria...

I'm excited for Winging It today as I will be joined by @clagnut.com and @miriam.codes to discuss the hot topic of fluid typography and user preferences. Recommended reading: 1. www.oddbird.net/2025/02/12/f... 2. clagnut.com/blog/2441 Then join us at 1pm ET www.youtube.com/live/py41Ys-...

On the next Winging it, @miriam.codes and I will continue our fluid typography conversation with special guest @clagnut.com! Feel free to send questions in advance or join us when we stream live: Thursday, March 20 at 1pm ET www.youtube.com/live/py41Ys-...

What issues have you run into with #CSS anchor positioning? I'll be Winging It live with @jamessw.com & @tabatkins.com in an hour (1pm ET / 10am PT) with plenty of demos. We'd would love to answer your questions! youtube.com/live/3vwruYb...

How many browser tabs do you have open right now?

Don't miss our next Winging It where @oddbird.dev's @miriam.codes and I chat with Alan Stearns about Relative Units, Typography, and the tools and techniques and we have to work with type and spacing. Streams live on Thursday, January 23 at 1pm ET www.youtube.com/watch?v=YU7s...

That was SO MUCH FUN! I can't thank @michelleb.bsky.social @5t3ph.bsky.social @kevinpowell.co @miriam.codes + @henrihelvetica.bsky.social enough for your bravery! And @jamessw.com for your help. If you missed the CSS is Awesome Game Show, you can watch the replay: www.youtube.com/watch?v=fYfs...

Join us for a fun holiday game show celebrating the #CSS specification birthday - with @michelleb.bsky.social, @henrihelvetica.bsky.social, @5t3ph.bsky.social, @kevinpowell.co, and our host @stacykvernmo.com! We're going live in an hour: https://www.youtube.com/watch?v=fYfs6sKGciQ

Super excited to be celebrating CSS' birthday later today along with @oddbird.dev @miriam.codes @stacykvernmo.com @5t3ph.bsky.social @henrihelvetica.bsky.social @michelleb.bsky.social Come and celebrate with us! www.youtube.com/watch?v=fYfs...

The CSS is Awesome Game streams tomorrow (Dec 17) at 1PM ET! Don't miss @5t3ph.bsky.social, @michelleb.bsky.social, @kevinpowell.co, and @miriam.codes share their CSS knowledge. We will also be joined by special guest @henrihelvetica.bsky.social! www.youtube.com/watch?v=fYfs...

Drum roll for our next guest to join the CSS is Awesome Game on Winging It next week 🥁 @michelleb.bsky.social Michelle Barker will join @kevinpowell.co, @5t3ph.bsky.social, and @miriam.codes for some friendly CSS-inspired games. Join us Tuesday, Dec 17 @ 1pm ET www.youtube.com/watch?v=fYfs...

Guess who else is joining us for the CSS is Awesome Game? @5t3ph.bsky.social is back! Stephanie will join @kevinpowell.co, @miriam.codes, another special guests (to be announced tomorrow) and myself on December 17 at 1PM ET on @oddbird.dev's Winging It. www.youtube.com/watch?v=fYfs...

You don't want to miss The CSS is Awesome Game with special guest @kevinpowell.co! Watch Winging It at 1:00PM ET on Tuesday, December 17. @oddbird.dev will be announcing more guests soon! www.youtube.com/watch?v=fYfs...

I excited for @oddbird.dev's Winging It as we will be celebrating the birthday of CSS with a special "CSS is Awesome" game show. We hope you join us and play along. Tuesday, December 17, 2024 at 1pm Eastern www.youtube.com/watch?v=fYfs...

Dec 17, 1996 W3C published the first standard for CSS, and we are celebrating on Winging It! If you love CSS as much as we do, then we hope you'll play along with host @stacykvernmo.com on the "CSS Is Awesome Game" Tue, Dec 17, 2024 at 1pm Eastern. Special guests TBA!

I love a good 404 page design and I stumbled upon Dribbble's today: dribbble.com/shots/empty