Sign in

Stacy Kvernmo

@stacykvernmo.com
230 followers 75 following 53 posts

Designer/Dev @OddBird Co-host of Winging It I love CSS, typography, making things, yoga, gymnastics and more...

PostsRepliesMedia
Stacy Kvernmo @stacykvernmo.com · 23/07/2026
@miriam.codes and I will be live on Winging It, checking out browser inspectors to see if we can find some hidden gems and generally helpful tools. Join us in 30 minutes (1pm Eastern) or watch later. What's your favorite browser inspector tool? www.youtube.com/watch?v=INqy...
youtube.com
Inspecting Inspectors: What each browser’s dev tools do best
YouTube video by Winging It
000
Reposted by Stacy Kvernmo
Mia [data-css=poetic] @miriam.codes · 14/07/2026
Next week, @stacykvernmo.com and I will be looking at dev tools again – talking about which browser we go to in which situations. Is there an inspector feature that you'll always switch browsers to use? Let us know! And join our live stream for an overview: www.youtube.com/watch?v=INqy... #css
youtube.com
Inspecting Inspectors: What each browser’s dev tools do best
YouTube video by Winging It
1122
Stacy Kvernmo @stacykvernmo.com · 19/06/2026
Amazing Post! Adding a link to it in the show notes.
020
Stacy Kvernmo @stacykvernmo.com · 19/06/2026
After playing with this, it isn't replacing grid areas but adding a new "waterfall" or "brick" masonry type of layout that wasn't really available with grid before.
100
Stacy Kvernmo @stacykvernmo.com · 18/06/2026
Winging It starts in 4 minutes and @miriam.codes and I will take a close look at the shiny new grid-lanes feature in CSS. www.youtube.com/watch?v=siSC...
youtube.com
Grid Lanes: the Future of Masonry Layout
YouTube video by Winging It
020
Stacy Kvernmo @stacykvernmo.com · 16/06/2026
Have you played with grid-lanes yet? What tips do you have for @miriam.codes and I as we learn more about this on the next Winging It on June 18 at 1pm ET
120
Reposted by Stacy Kvernmo
Mia [data-css=poetic] @miriam.codes · 28/05/2026
In 45m (11am MT) I'll be Winging It with @stacykvernmo.com for a look at #CSS shorthands, how they work, when to use them, and some ways they might surprise you. It's a side-quest that will be bonus material in my upcoming course – early bird signup available soon! www.youtube.com/watch?v=NX7E...
youtube.com
Surprising Effects of CSS Shorthands
YouTube video by Winging It
1135
Reposted by Stacy Kvernmo
Mia [data-css=poetic] @miriam.codes · 22/05/2026
Next Thursday I'll be Winging It with @stacykvernmo.com for a look at #CSS shorthands, how they work, when to use them, and some ways they might surprise you. Keep an eye out! www.youtube.com/watch?v=NX7E...
youtube.com
Surprising Effects of CSS Shorthands
YouTube video by Winging It
0165
Stacy Kvernmo @stacykvernmo.com · 16/04/2026
On Winging It today, @jamessw.com, @miriam.codes and I will go over some dos and don'ts of CSS Anchor Positioning. Send us your questions and join us at live 1pm ET www.youtube.com/live/OEvVW4w...
youtube.com
Dos & Don’ts of Anchor Positioning
CSS Anchor Positioning isn't baseline yet, and there's good reason for that. You can use it, but it comes with some caveats. On April 16 James, Stacy, and Miriam will cover new resources to make Ancho...
041
Reposted by Stacy Kvernmo
Mia [data-css=poetic] @miriam.codes · 17/03/2026
Winging It live stream on Thursday with @jamessw.com and @stacykvernmo.com to explore some hidden gems of UI development—from @starting-style for smoother entry transitions to AVIF images and using the browser’s built-in lazy-loading. join us! www.youtube.com/live/XOm3vEJ...
youtube.com
Quick & Easy UI Wins
YouTube video by Winging It
1125
Reposted by Stacy Kvernmo
OddBird @oddbird.dev · 05/03/2026
On Feb's Winging It show @stacykvernmo.com, @miriam.codes, and @jamessw.com demoed how to build a type scale for your website, including: How to work with user default font size How the fonts respond to viewport sizes How to generate a ‘scale’ of relative font-sizes www.oddbird.net/2026/02/19/w...
oddbird.net
Responsive Type Doesn't Have to Be Complicated
Building a type scale for your website
093
Reposted by Stacy Kvernmo
Mia [data-css=poetic] @miriam.codes · 17/02/2026
Here are a few things I plan to cover in the Poetic #CSS course, but I'd love your input and questions! Where are you having the most issues, what piques your curiosity, and where do you have questions? Feel free to vote for multiple in the replies, or suggest other topics & specific questions.
486
Stacy Kvernmo @stacykvernmo.com · 16/02/2026
Responsive type doesn’t have to be complicated. @miriam.codes will show @jamessw.com and me how we can get great results from a few lines of readable code on the next Winging It on Thursday, February 19 at 1pm ET www.youtube.com/live/B-r6wem...
youtube.com
Responsive Type Doesn’t Have To Be Complicated
YouTube video by Winging It
064
Reposted by Stacy Kvernmo
James Stuckey Weber @jamessw.com · 27/01/2026
Anchor positioning is undeniably awesome. What is missing from our awesome list? github.com/oddbird/awes...
github.com
GitHub - oddbird/awesome-anchor-positioning: 🎉 A curated list of awesome things related to CSS Anchor Positioning
🎉 A curated list of awesome things related to CSS Anchor Positioning - oddbird/awesome-anchor-positioning
083
Stacy Kvernmo @stacykvernmo.com · 27/01/2026
I love WordPress, but I am constantly wondering who wants to write their CSS in a json file? I use a separate style.css and wonder if I should ONLY have color, font size, and spacing tokens in there as opposed to even some style setting defaults like post title sizes. I'm curious what others do.
450
Stacy Kvernmo @stacykvernmo.com · 22/01/2026
Join @chriscoyier.net, @miriam.codes and me for Winging It today where we will discuss CSS scope and mixins! Send me your questions below or join us live at 1pm ET. www.youtube.com/live/T-X641Q...
youtube.com
CSS Scope & Mixins
YouTube video by Winging It
0104
Reposted by Stacy Kvernmo
Mia [data-css=poetic] @miriam.codes · 14/01/2026
We're excited to have @chriscoyier.net with us on the next Winging It live stream, to talk about CSS Scope (now Baseline newly available) and Mixins (in progress). Hope you'll join us for the conversation! Thursday, Jan 22 @ 1pm ET / 11am MT youtube.com/live/T-X641Q...
youtube.com
CSS Scope & Mixins
YouTube video by Winging It
0238
Stacy Kvernmo @stacykvernmo.com · 22/12/2025
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...
youtube.com
CSS Is Awesome Game - 2
YouTube video by Winging It
0123
Reposted by Stacy Kvernmo
Mia [data-css=poetic] @miriam.codes · 18/12/2025
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
CSS Is Awesome Game - 2
YouTube video by Winging It
1217
Stacy Kvernmo @stacykvernmo.com · 18/12/2025
probably about 1.5 like last year
000
Stacy Kvernmo @stacykvernmo.com · 18/12/2025
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
The CSS is Awesome Game on Winging It with special guests Dave Rupert, Cassondra Roberts, and Adam Argyle will be joining Miriam Suzanne and Stacy Kvernmo on Thursday, December 18 at 1PM Eastern
042
Stacy Kvernmo @stacykvernmo.com · 16/12/2025
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
The CSS is Awesome Game on Winging It with special guests Cassondra Roberts, Chris Coyier and Adam Argyle will be joining Miriam Suzanne and Stacy Kvernmo on Thursday, December 18 at 1PM Eastern
1135
Stacy Kvernmo @stacykvernmo.com · 12/12/2025
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...
Winging it is hosting the CSS is Awesome game with guests Adam Argyle and Chris Coyier. The shows hosts Miriam Suzanne and Stacy Kvernmo will be announcing additional guests soon. Join us Dec 18th at 1PM ET on YouTube
051
Stacy Kvernmo @stacykvernmo.com · 04/12/2025
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
youtube.com
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 ...
0209
Reposted by Stacy Kvernmo
Mia [data-css=poetic] @miriam.codes · 03/12/2025
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...
codepen.io
Zoom & the browser window
...
094
Stacy Kvernmo @stacykvernmo.com · 01/12/2025
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
CSS is Awesome Game
Made with Tally, the simplest way to create forms.
0108
Reposted by Stacy Kvernmo
OddBird @oddbird.dev · 26/11/2025
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
oddbird.net
Cross-Browser Anchor Positioning
Anchor Positioning is available in all browsers. What's next, with Eric Meyer.
185
Stacy Kvernmo @stacykvernmo.com · 19/11/2025
@chevindu.bsky.social this has been updated. Nothing was missing, but the heading levels were a bit off. Thanks again for letting me know.
000
Stacy Kvernmo @stacykvernmo.com · 15/11/2025
Hmmm, thanks for pointing this out. I’ll take a look to see what’s going on.
010
Stacy Kvernmo @stacykvernmo.com · 14/11/2025
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...
web.dev
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.
1179
Reposted by Stacy Kvernmo
OddBird @oddbird.dev · 07/11/2025
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…
Sondra E, Stacy, and Clayton Dewey wear Halloween costumes and laugh.
043
Stacy Kvernmo @stacykvernmo.com · 24/10/2025
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...
youtube.com
Bad UX Design Patterns
YouTube video by Winging It
044
Reposted by Stacy Kvernmo
Rachel Andrew @rachelandrew.co.uk · 09/09/2025
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...
web.dev
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.
09629
Reposted by Stacy Kvernmo
James Stuckey Weber @jamessw.com · 14/10/2025
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.
oddbird.dev
Anchor Positioning Updates for Fall 2025
Overflowing content, browser support, and polyfill updates
083
Stacy Kvernmo @stacykvernmo.com · 03/10/2025
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?
oddbird.net
Tag: CSS Mixins & Functions
For more posts, return to the full posts list or browse all tags.
172
Reposted by Stacy Kvernmo
OddBird @oddbird.dev · 26/09/2025
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/
Poetic CSS written with Scrabble tiles
022
Stacy Kvernmo @stacykvernmo.com · 20/09/2025
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
codepen.io
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:...
042
Reposted by Stacy Kvernmo
James Stuckey Weber @jamessw.com · 16/09/2025
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!
oddbird.dev
Create Performant Layouts and Resilient Dropdowns
This CSS anchor positioning course teaches you how
133
Stacy Kvernmo @stacykvernmo.com · 12/09/2025
Today feels like a good day to make this announcement. We got a puppy.
Coton puppy carrying a tennis ball
130
Stacy Kvernmo @stacykvernmo.com · 12/09/2025
That’s really helpful, thanks Kevin!
010
Stacy Kvernmo @stacykvernmo.com · 12/09/2025
That’s really good feedback. We will look into a podcast feed in the future.
110
Reposted by Stacy Kvernmo
OddBird @oddbird.dev · 11/09/2025
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!
oddbird.net
Mixins & Functions to Streamline CSS
With special guest Roma Komarov
1147
Reposted by Stacy Kvernmo
Kevin Powell @kevinpowell.co · 12/09/2025
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
Navigating the World of Web Accessibility with Sara Soueidan
YouTube video by General Musings with Kevin Powell
1409
Stacy Kvernmo @stacykvernmo.com · 05/09/2025
Here's the CodePen that I used in the video if you want to check it out yourself: codepen.io/stacy/pen/zj...
codepen.io
Starfish CSS Shape-Outside Demo
...
010
Stacy Kvernmo @stacykvernmo.com · 05/09/2025
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.
1206
Reposted by Stacy Kvernmo
Mia [data-css=poetic] @miriam.codes · 04/09/2025
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...
oddbird.net
Don't Inherit the Box Model
It's time to stop spreading this out-dated practice
711222
Reposted by Stacy Kvernmo
James Stuckey Weber @jamessw.com · 03/09/2025
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 .
oddbird.dev
Create Performant Layouts and Resilient Dropdowns
This CSS anchor positioning course teaches you how
054
Reposted by Stacy Kvernmo
Mia [data-css=poetic] @miriam.codes · 27/08/2025
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
What's coming in CSS? Mixins, Functions, Progress, and more…
YouTube video by Winging It
0147
Reposted by Stacy Kvernmo
Mia [data-css=poetic] @miriam.codes · 26/08/2025
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!
oddbird.net
Visualizing Responsive Typography
What do all the numbers in our clamp() do?
08820
Stacy Kvernmo @stacykvernmo.com · 22/08/2025
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...
codepen.io
Find the scrollbar width in CSS
Combining registered custom properties, container queries and a few CSS trig functions, we are able to find and display calculated values, like the scr...
095