Stacy Kvernmo
@stacykvernmo.com
Designer/Dev @OddBird
Co-host of Winging It
I love CSS, typography, making things, yoga, gymnastics and more...
Co-host of Winging It
I love CSS, typography, making things, yoga, gymnastics and more...
Pinned
CSS Is Awesome Game - 2
YouTube video by Winging It
www.youtube.com
The CSS is Awesome Game show was a blast and I am so thankful for our contestants and all who helped make it happen: @castastrophe.bsky.social, @davatron5000.bsky.social, @nerdy.dev, @miriam.codes, @chriscoyier.net and @oddbird.dev
If you missed it, here's the video
www.youtube.com/watch?v=xcEn...
If you missed it, here's the video
www.youtube.com/watch?v=xcEn...
The CSS is Awesome Game show was a blast and I am so thankful for our contestants and all who helped make it happen: @castastrophe.bsky.social, @davatron5000.bsky.social, @nerdy.dev, @miriam.codes, @chriscoyier.net and @oddbird.dev
If you missed it, here's the video
www.youtube.com/watch?v=xcEn...
If you missed it, here's the video
www.youtube.com/watch?v=xcEn...
CSS Is Awesome Game - 2
YouTube video by Winging It
www.youtube.com
December 22, 2025 at 7:23 PM
The CSS is Awesome Game show was a blast and I am so thankful for our contestants and all who helped make it happen: @castastrophe.bsky.social, @davatron5000.bsky.social, @nerdy.dev, @miriam.codes, @chriscoyier.net and @oddbird.dev
If you missed it, here's the video
www.youtube.com/watch?v=xcEn...
If you missed it, here's the video
www.youtube.com/watch?v=xcEn...
Reposted by Stacy Kvernmo
We're playing the CSS is Awesome Game again this year – run by @stacykvernmo.com, with @davatron5000.bsky.social, @castastrophe.bsky.social, @nerdy.dev, and myself as competitors. Join us, and play along in the chat! #css
youtube.com/live/xcEnjGP...
youtube.com/live/xcEnjGP...
CSS Is Awesome Game - 2
YouTube video by Winging It
youtube.com
December 18, 2025 at 5:08 PM
We're playing the CSS is Awesome Game again this year – run by @stacykvernmo.com, with @davatron5000.bsky.social, @castastrophe.bsky.social, @nerdy.dev, and myself as competitors. Join us, and play along in the chat! #css
youtube.com/live/xcEnjGP...
youtube.com/live/xcEnjGP...
The CSS is Awesome Game is TOMORROW and we are excited to announce that @davatron5000.bsky.social will be joining us.
Don't miss the live stream on Thursday, December 18 at 1:00PM ET
www.youtube.com/watch?v=xcEn...
Our CSS survey is still open and we'd love your help tally.so/r/QKoaEY
Don't miss the live stream on Thursday, December 18 at 1:00PM ET
www.youtube.com/watch?v=xcEn...
Our CSS survey is still open and we'd love your help tally.so/r/QKoaEY
December 18, 2025 at 4:41 AM
The CSS is Awesome Game is TOMORROW and we are excited to announce that @davatron5000.bsky.social will be joining us.
Don't miss the live stream on Thursday, December 18 at 1:00PM ET
www.youtube.com/watch?v=xcEn...
Our CSS survey is still open and we'd love your help tally.so/r/QKoaEY
Don't miss the live stream on Thursday, December 18 at 1:00PM ET
www.youtube.com/watch?v=xcEn...
Our CSS survey is still open and we'd love your help tally.so/r/QKoaEY
The CSS is Awesome Game is Thursday and this year @castastrophe.bsky.social will be joining us!
Don't miss the live stream on Thursday, December 18 at 1:00PM ET
www.youtube.com/watch?v=xcEn...
Our CSS survey is still open and we'd love your help tally.so/r/QKoaEY
Don't miss the live stream on Thursday, December 18 at 1:00PM ET
www.youtube.com/watch?v=xcEn...
Our CSS survey is still open and we'd love your help tally.so/r/QKoaEY
December 16, 2025 at 4:57 PM
The CSS is Awesome Game is Thursday and this year @castastrophe.bsky.social will be joining us!
Don't miss the live stream on Thursday, December 18 at 1:00PM ET
www.youtube.com/watch?v=xcEn...
Our CSS survey is still open and we'd love your help tally.so/r/QKoaEY
Don't miss the live stream on Thursday, December 18 at 1:00PM ET
www.youtube.com/watch?v=xcEn...
Our CSS survey is still open and we'd love your help tally.so/r/QKoaEY
The CSS is Awesome game is less than a week away and we are pleased to announce that @nerdy.dev will be joining us for the festivities! If you love CSS as much as we do, then we hope you will watch and play along on Dec 18 at 1pm ET
www.youtube.com/watch?v=xcEn...
www.youtube.com/watch?v=xcEn...
December 12, 2025 at 4:44 PM
The CSS is Awesome game is less than a week away and we are pleased to announce that @nerdy.dev will be joining us for the festivities! If you love CSS as much as we do, then we hope you will watch and play along on Dec 18 at 1pm ET
www.youtube.com/watch?v=xcEn...
www.youtube.com/watch?v=xcEn...
The CSS is Awesome Game is coming up on Winging It and our first special guest joining @miriam.codes and me is @chriscoyier.net
Join us Thursday, December 18 at 1:00PM ET:
www.youtube.com/live/xcEnjGP...
We'd love your help by filling out our 5-question CSS survey! tally.so/r/QKoaEY
Join us Thursday, December 18 at 1:00PM ET:
www.youtube.com/live/xcEnjGP...
We'd love your help by filling out our 5-question CSS survey! tally.so/r/QKoaEY
CSS Is Awesome Game - 2
A few of our CSS friends will join us for our second annual "CSS Is Awesome Game" on Thursday, December 18, 2025 at 1pm Eastern. If you love CSS as much as we do, then we hope you will watch and play ...
www.youtube.com
December 4, 2025 at 6:53 PM
The CSS is Awesome Game is coming up on Winging It and our first special guest joining @miriam.codes and me is @chriscoyier.net
Join us Thursday, December 18 at 1:00PM ET:
www.youtube.com/live/xcEnjGP...
We'd love your help by filling out our 5-question CSS survey! tally.so/r/QKoaEY
Join us Thursday, December 18 at 1:00PM ET:
www.youtube.com/live/xcEnjGP...
We'd love your help by filling out our 5-question CSS survey! tally.so/r/QKoaEY
Reposted by Stacy Kvernmo
When I resize the browser, I'm managing space. When I zoom in, I'm trying to re-size text. Those are very different goals, but look identical in CSS.
Using vw or at-media: bigger px == fewer px. If we mess with font-size for one, it applies to both:
codepen.io/miriamsuzann...
Using vw or at-media: bigger px == fewer px. If we mess with font-size for one, it applies to both:
codepen.io/miriamsuzann...
Zoom & the browser window
...
codepen.io
December 3, 2025 at 9:51 PM
When I resize the browser, I'm managing space. When I zoom in, I'm trying to re-size text. Those are very different goals, but look identical in CSS.
Using vw or at-media: bigger px == fewer px. If we mess with font-size for one, it applies to both:
codepen.io/miriamsuzann...
Using vw or at-media: bigger px == fewer px. If we mess with font-size for one, it applies to both:
codepen.io/miriamsuzann...
The CSS is Awesome Game on Winging It is coming up soon and we would love your help. We made a 5-question CSS-based survey if you have a minute to spare. We are excited to include more audience participation this year.
tally.so/r/QKoaEY
tally.so/r/QKoaEY
CSS is Awesome Game
Made with Tally, the simplest way to create forms.
tally.so
December 1, 2025 at 6:43 PM
The CSS is Awesome Game on Winging It is coming up soon and we would love your help. We made a 5-question CSS-based survey if you have a minute to spare. We are excited to include more audience participation this year.
tally.so/r/QKoaEY
tally.so/r/QKoaEY
Reposted by Stacy Kvernmo
If you missed it live, you can watch @jamessw.com & @miriam.codes's chat with @meyerweb.com about Anchor Positioning now on the Winging It show.
Includes:
-Rough edges
-Emerging patterns
-Will Anchor Positioning be baseline?
-What's next for Anchor Positioning?
www.oddbird.net/2025/11/20/w...
#css
Includes:
-Rough edges
-Emerging patterns
-Will Anchor Positioning be baseline?
-What's next for Anchor Positioning?
www.oddbird.net/2025/11/20/w...
#css
Cross-Browser Anchor Positioning
Anchor Positioning is available in all browsers. What's next, with Eric Meyer.
www.oddbird.net
November 26, 2025 at 8:50 PM
If you missed it live, you can watch @jamessw.com & @miriam.codes's chat with @meyerweb.com about Anchor Positioning now on the Winging It show.
Includes:
-Rough edges
-Emerging patterns
-Will Anchor Positioning be baseline?
-What's next for Anchor Positioning?
www.oddbird.net/2025/11/20/w...
#css
Includes:
-Rough edges
-Emerging patterns
-Will Anchor Positioning be baseline?
-What's next for Anchor Positioning?
www.oddbird.net/2025/11/20/w...
#css
There are many goodies that are newly and widely available in Baseline. backdrop-filter is so much fun to work with and I am obsessed with AVIF images and the ability to animate from display: none with @starting-style. And how easy is it to lazy load images now? web.dev/articles/bas...
How to implement an image gallery using Baseline features | Articles | web.dev
Image galleries are a common user interface pattern on the web. Learn how to create one using Baseline features.
web.dev
November 14, 2025 at 7:25 PM
There are many goodies that are newly and widely available in Baseline. backdrop-filter is so much fun to work with and I am obsessed with AVIF images and the ability to animate from display: none with @starting-style. And how easy is it to lazy load images now? web.dev/articles/bas...
Reposted by Stacy Kvernmo
Winging It E25
@stacykvernmo.com, @sondrae.bsky.social and @clayton.social.coop.ap.brid.gy debate thorny #UX design questions in costume. www.oddbird.net/2025/10/23/w...
- Complex navigation
- Ever a case for infinite scroll?
- Pagination or load more button?
- Click to open or hover?
- Truncatio…
@stacykvernmo.com, @sondrae.bsky.social and @clayton.social.coop.ap.brid.gy debate thorny #UX design questions in costume. www.oddbird.net/2025/10/23/w...
- Complex navigation
- Ever a case for infinite scroll?
- Pagination or load more button?
- Click to open or hover?
- Truncatio…
November 7, 2025 at 4:52 PM
Winging It E25
@stacykvernmo.com, @sondrae.bsky.social and @clayton.social.coop.ap.brid.gy debate thorny #UX design questions in costume. www.oddbird.net/2025/10/23/w...
- Complex navigation
- Ever a case for infinite scroll?
- Pagination or load more button?
- Click to open or hover?
- Truncatio…
@stacykvernmo.com, @sondrae.bsky.social and @clayton.social.coop.ap.brid.gy debate thorny #UX design questions in costume. www.oddbird.net/2025/10/23/w...
- Complex navigation
- Ever a case for infinite scroll?
- Pagination or load more button?
- Click to open or hover?
- Truncatio…
If you missed it, @sondrae.bsky.social and I chatted with
@clayton.social.coop.ap.brid.gy about how to solve some of our current UX challenges. We also gave some free design advice and discussed what grinds our gears as designers.
www.youtube.com/watch?v=2RcF...
@clayton.social.coop.ap.brid.gy about how to solve some of our current UX challenges. We also gave some free design advice and discussed what grinds our gears as designers.
www.youtube.com/watch?v=2RcF...
Bad UX Design Patterns
YouTube video by Winging It
www.youtube.com
October 24, 2025 at 6:16 PM
If you missed it, @sondrae.bsky.social and I chatted with
@clayton.social.coop.ap.brid.gy about how to solve some of our current UX challenges. We also gave some free design advice and discussed what grinds our gears as designers.
www.youtube.com/watch?v=2RcF...
@clayton.social.coop.ap.brid.gy about how to solve some of our current UX challenges. We also gave some free design advice and discussed what grinds our gears as designers.
www.youtube.com/watch?v=2RcF...
Reposted by Stacy Kvernmo
Between the time we launched the original Learn CSS course on web.dev and today, container queries landed in browsers and became Baseline Widely available! It was high time for an update, and we were lucky enough to have the team at OddBird work with us. Enjoy 9 new modules! web.dev/blog/learn-c...
A refresh of Learn CSS with nine new modules | Blog | web.dev
Our popular Learn CSS course has been updated with new modules covering the latest CSS features.
web.dev
September 9, 2025 at 8:10 PM
Between the time we launched the original Learn CSS course on web.dev and today, container queries landed in browsers and became Baseline Widely available! It was high time for an update, and we were lucky enough to have the team at OddBird work with us. Enjoy 9 new modules! web.dev/blog/learn-c...
Reposted by Stacy Kvernmo
As we tiptoe towards anchor positioning becoming baseline with the upcoming release of Firefox 145, there has been a flurry of updates and improvements. Here's a few things you should know.
Anchor Positioning Updates for Fall 2025
Overflowing content, browser support, and polyfill updates
oddbird.dev
October 14, 2025 at 5:37 PM
As we tiptoe towards anchor positioning becoming baseline with the upcoming release of Firefox 145, there has been a flurry of updates and improvements. Here's a few things you should know.
I'm really excited for a future with CSS Mixins and Functions. @oddbird.dev has some great content on these features if you want to browse our collection: www.oddbird.net/tags/css-mix...
What are you most excited about?
What are you most excited about?
Tag: CSS Mixins & Functions
For more posts,
return to the
full posts list
or
browse all tags.
www.oddbird.net
October 3, 2025 at 8:11 PM
I'm really excited for a future with CSS Mixins and Functions. @oddbird.dev has some great content on these features if you want to browse our collection: www.oddbird.net/tags/css-mix...
What are you most excited about?
What are you most excited about?
Reposted by Stacy Kvernmo
In this month's OddNews, @miriam.codes intros new options to help developers dealing with tech debt & tedious maintenance tasks. @stacykvernmo.com demos The BEST way to work with shape-outside.
Learn about Poetic #CSS, and subscribe to OddNews for a discount on consulting. www.oddbird.net/oddnews/
Learn about Poetic #CSS, and subscribe to OddNews for a discount on consulting. www.oddbird.net/oddnews/
September 26, 2025 at 4:02 PM
In this month's OddNews, @miriam.codes intros new options to help developers dealing with tech debt & tedious maintenance tasks. @stacykvernmo.com demos The BEST way to work with shape-outside.
Learn about Poetic #CSS, and subscribe to OddNews for a discount on consulting. www.oddbird.net/oddnews/
Learn about Poetic #CSS, and subscribe to OddNews for a discount on consulting. www.oddbird.net/oddnews/
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
You can even animate between font-palettes
codepen.io/stacy/pen/vE...
Unfortunately, COLRv1 has limited support caniuse.com/colr-v1
Exploring Color Fonts (COLRv1)
COLRv1 fonts have limited support at the time of this pens creation, but are fun to experiment with in a supported browser. Check the list here: https:...
codepen.io
September 20, 2025 at 2:46 AM
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
You can even animate between font-palettes
codepen.io/stacy/pen/vE...
Unfortunately, COLRv1 has limited support caniuse.com/colr-v1
Reposted by Stacy Kvernmo
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!
Get more tips by signing up for my free weekly course on anchor positioning!
Create Performant Layouts and Resilient Dropdowns
This CSS anchor positioning course teaches you how
oddbird.dev
September 16, 2025 at 5:21 PM
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!
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.
We got a puppy.
September 12, 2025 at 6:41 PM
Today feels like a good day to make this announcement.
We got a puppy.
We got a puppy.
Reposted by Stacy Kvernmo
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!
www.oddbird.net/2025/08/27/w...
If you like the show, please subscribe!
Mixins & Functions to Streamline CSS
With special guest Roma Komarov
www.oddbird.net
September 11, 2025 at 6:53 PM
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!
www.oddbird.net/2025/08/27/w...
If you like the show, please subscribe!
Reposted by Stacy Kvernmo
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
youtu.be/ndGKjhzmLXc
Navigating the World of Web Accessibility with Sara Soueidan
YouTube video by General Musings with Kevin Powell
youtu.be
September 12, 2025 at 2:06 PM
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
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.
If you are working with shape-outside, then Firefox has a great path editor. I made a quick video to show how it works.
September 5, 2025 at 7:21 PM
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.
If you are working with shape-outside, then Firefox has a great path editor. I made a quick video to show how it works.
Reposted by Stacy Kvernmo
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...
This #CSS best practice was never the best to begin with:
www.oddbird.net/2025/09/04/b...
Don't Inherit the Box Model
It's time to stop spreading this out-dated practice
www.oddbird.net
September 4, 2025 at 9:39 PM
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...
This #CSS best practice was never the best to begin with:
www.oddbird.net/2025/09/04/b...
Reposted by Stacy Kvernmo
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 .
Tip 2: Sign up for my free email course on anchor positioning .
Create Performant Layouts and Resilient Dropdowns
This CSS anchor positioning course teaches you how
oddbird.dev
September 3, 2025 at 8:25 PM
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 .
Tip 2: Sign up for my free email course on anchor positioning .
Reposted by Stacy Kvernmo
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...
youtube.com/live/ER4APBN...
What's coming in CSS? Mixins, Functions, Progress, and more…
YouTube video by Winging It
youtube.com
August 27, 2025 at 4:07 PM
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...
youtube.com/live/ER4APBN...