iiinova — where your digital self keeps evolving

Reposted by Jonny Gerig Meyer

OddBird @oddbird.dev · 21/09/2026

Explore which dev tools are best for troubleshooting specific issues with @miriam.codes & @stacykvernmo.com in this Winging It ep: www.oddbird.net/2026/07/23/w... TRIVIA: Firefox is the winner for addressing this issue. (Can you guess before you watch?) In Aug OddNews mailchi.mp/oddbird/full...

oddbird.net

Inspecting Inspectors

Miriam and Stacy troubleshoot an issue with the dev tools available in each browser, exploring the differences and what each browser's tools do best.

142

Reposted by Jonny Gerig Meyer

Mia [data-css=poetic] @miriam.codes · 16/09/2026

I've heard that CSS subgrid is difficult to progressively enhance – and I disagree! Here's how I create subgrid fallbacks with one small addition. youtu.be/2ESqkg20JaE Join my @smashingconf.com workshop for more maintainable CSS! smashingconf.com/online-works... #CSS

youtu.be

CSS Progressive Enhancement with Subgrid

YouTube video by Winging It

03210

Reposted by Jonny Gerig Meyer

Mia [data-css=poetic] @miriam.codes · 03/09/2026

CSS has changed dramatically in the last 6 years, but always building on core principles of resilience & design systems. Join me in October for a 5-day (3-week) @smashingconf.com workshop about how it all fits together, and how to make it work for your team: smashingconf.com/online-works... #CSS

smashingconf.com

Cascading Style Systems: Resilient & Maintainable CSS — Online Workshops

If you ever feel lost in the CSS weeds, wrestling with the cascade, or you just want to improve your workflow with modern, efficient, and maintainable stylesheets, then this workshop is for you!

0298

Reposted by Jonny Gerig Meyer

OddBird @oddbird.dev · 12/08/2026

If you’ve got questions about how #CSS Grid Lanes work… …so did we! This long debated solution for masonry layout is now available. Follow along as @miriam.codes & @stacykvernmo.com work out how to use it. www.oddbird.net/2026/06/18/w... In June OddNews us19.campaign-archive.com?u=80219aa68d...

oddbird.net

Grid Lanes -- The Future of Masonry Layout

This long-debated solution for masonry layout is now available and it's time to figure out how to use it. Join us for a deep dive into the workings of Grid Lanes.

052

Reposted by Jonny Gerig Meyer

djangocon.us @djangocon.us · 30/06/2026

🎤 Speaker Spotlight James Stuckey Weber joins DjangoCon US 2026 with: "But did you know the browser already does that?" Learn how modern browser capabilities and tools like Baseline can help you build more with less JavaScript. #Django #Python #WebDev

043

Reposted by Jonny Gerig Meyer

Mia [data-css=poetic] @miriam.codes · 23/06/2026

Early bird pricing for my new Poetic CSS course will be available in July! For a peek at the type of content, here's a "side quest" on the display property: youtu.be/-WCtChgiO1E?... Sign up for email updates (and a drawing for a handmade @oddbird.dev mug)! courses.oddbird.net/poetic-css/#... #css

youtu.be

So Many Display Modes

YouTube video by Winging It

0103

Reposted by Jonny Gerig Meyer

Mia [data-css=poetic] @miriam.codes · 16/06/2026

This Thursday, @stacykvernmo.com and I will Wing It live, looking at #CSS grid-lanes (now in WebKit/Safari). Neither of us have had a chance to actually play with it yet, and we're excited to see how it works. Come learn with us! youtube.com/live/siSCSaq...

youtube.com

Grid Lanes: the Future of Masonry Layout

YouTube video by Winging It

1187

Reposted by Jonny Gerig Meyer

Mia [data-css=poetic] @miriam.codes · 11/06/2026

I'm sad to miss you all at #CSSDay this year! Wish I could be there, and see all the great talks. In the spirit of the event, I'm launching my new #CSS course – Poetic CSS! The first module is ready, and early bird tickets will go on sale for the month of July. courses.oddbird.net/poetic-css/

courses.oddbird.net

Poetic CSS

Understand CSS as a system — so you can write, review, and maintain web styles with confidence on a timeline and under budget.

28129

Reposted by Jonny Gerig Meyer

James Stuckey Weber @jamessw.com · 10/06/2026

I'm excited that I've been selected to speak at DjangoCon this year! I'll be there to share a few of the many new things browsers can do natively like popovers and view transitions, and how to know if they are ready to use.

063

Reposted by Jonny Gerig Meyer

OddBird @oddbird.dev · 26/05/2026

You have a site that you want to build or redesign. Maybe you have a few core colors in mind, and you’re thinking about how to quickly implement a theme based on those colors. Baseline features can help! www.oddbird.net/2026/05/14/b... In May OddNews mailchi.mp/oddbird/fast... #CSS

oddbird.net

Color Themes with Baseline CSS Features

So, you have a site that you want to build or redesign. Maybe you have a few core colors in mind, and you're thinking about how to quickly implement a theme based on those colors. Baseline features ca...

0145

Reposted by Jonny Gerig Meyer

OddBird @oddbird.dev · 29/04/2026

Two UI patterns to replace custom implementation. On <dialog> and popover by David A. Herron. www.oddbird.net/2026/04/13/b... - A modal <dialog> - How to close the dialog - popover, rising to the top - Autofocus - Style the ::backdrop In April OddNews us19.campaign-archive.com?u=80219aa68d... #CSS

oddbird.net

Baseline Layered UI Patterns: `<dialog>` and `popover`

Elements and windows that pop up on the screen are one of the most common patterns on the web. With use cases spanning from alerts and brief forms requesting data, to the now ubiquitous cookie setting...

031

Reposted by Jonny Gerig Meyer

James Stuckey Weber @jamessw.com · 14/04/2026

The fact that anchor() is a length gives it superpowers, but it has some limitations. Join us on Thursday to hear more!

youtube.com

Dos & Don’ts of Anchor Positioning

YouTube video by Winging It

062

Reposted by Jonny Gerig Meyer

James Stuckey Weber @jamessw.com · 06/04/2026

Anchor positioning is great, until it isn't. Join us for a live stream with some of the tips and learnings that have been rattling around my head. youtube.com/live/OEvVW4w...

youtube.com

Dos & Don’ts of Anchor Positioning

YouTube video by Winging It

064

Reposted by Jonny Gerig Meyer

OddBird @oddbird.dev · 31/03/2026

March OddNews... ...is all about quick & easy UI wins using baseline #CSS features. Read @stacykvernmo.com's article or watch the latest Winging It show episode. We cover: - AVIF - Lazy Loading - @starting-style - Backdrop-filter - Relative colors - Text-box Read: mailchi.mp/oddbird/quic...

image gallery in codepen with pictures of cute small dogs

021

Reposted by Jonny Gerig Meyer

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 Jonny Gerig Meyer

James Stuckey Weber @jamessw.com · 11/03/2026

This will be chock full of gems that you can start using, like yesterday.

youtube.com

Quick & Easy UI Wins

YouTube video by Winging It

154

Reposted by Jonny Gerig Meyer

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 Jonny Gerig Meyer

OddBird @oddbird.dev · 04/03/2026

Explore Container Queries with @miriam.codes in the context of the delicious Baseline Bakery. Donuts & #CSS? Yum! www.oddbird.net/2026/02/18/q... Shared in the February issue of OddNews: us19.campaign-archive.com?u=80219aa68d...

oddbird.net

Container Queries and Units in Action

One of the goals when writing CSS is to build component parts that will adapt well to different (and unexpected) contexts. Ideally, a component can be placed inside any "container" element without it ...

0154

Reposted by Jonny Gerig Meyer

OddBird @oddbird.dev · 03/03/2026

If you missed it in Jan, check out this chat with @chriscoyier.net on Winging It about #CSS @scope & mixins. When to use @scope How CSS functions differ from mixins When to use a mixin Will @content work for CSS mixins? @content vs @contents Fun with functions www.oddbird.net/2026/01/22/w...

oddbird.net

CSS Scope & Mixins

A chat with Chris Coyier

031

Reposted by Jonny Gerig Meyer

Mia [data-css=poetic] @miriam.codes · 18/02/2026

Tomorrow on Winging It (live) I'll be chatting with @stacykvernmo.com & @jamessw.com about my approach to responsive type in #CSS – without third-party calculators or complex unit conversions – and some of the research I did to get there. Join us at 10am PT/1pm ET! www.youtube.com/live/B-r6wem...

youtube.com

Responsive Type Doesn’t Have To Be Complicated

YouTube video by Winging It

083

Reposted by Jonny Gerig Meyer

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 Jonny Gerig Meyer

OddBird @oddbird.dev · 23/01/2026

While working on her Poetic CSS video course, @miriam.codes created a little demo to imagine CSS without inheritance. Read her thoughts and play with the demo in this month's issue of OddNews. Read OddNews: us19.campaign-archive.com?e=%5BUNIQID%... Code: codepen.io/editor/miria... #css

codepen.io

Imagine CSS without inheritance

A code demo by Miriam Suzanne created on CodePen

192

Reposted by Jonny Gerig Meyer

James Stuckey Weber @jamessw.com · 21/01/2026

Looking forward to learning about CSS scope and mixins from @chriscoyier.net with @miriam.codes and @stacykvernmo.com on Winging It Live- tomorrow at 1 ET.

youtube.com

CSS Scope & Mixins

YouTube video by Winging It

093

Reposted by Jonny Gerig Meyer

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

Reposted by Jonny Gerig Meyer

James Stuckey Weber @jamessw.com · 13/01/2026

Anchor positioning is now available in Firefox! If you've been holding off on learning it, now is a great time to dive in. Sign up for my free email course to learn how to use this powerful tool today.

oddbird.dev

Create Performant Layouts and Resilient Dropdowns

This CSS anchor positioning course teaches you how

072

Reposted by Jonny Gerig Meyer

Mia [data-css=poetic] @miriam.codes · 08/01/2026

Last January I started a series asking questions about type sizing & spacing on the web. When web dot dev asked me to write about the current state of fluid type, I came prepared with graphs. I hope this is a helpful TL;DR for thinking about responsive type in #CSS: www.oddbird.net/2026/01/08/t...

oddbird.net

Responsive and Fluid Typography with Baseline CSS Features

As designers, it makes sense to think about what space is available in the browser, and adjust your typography accordingly. It's also important to remember that different users will have different fon...

3389

Reposted by Jonny Gerig Meyer

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

Reposted by Jonny Gerig Meyer

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

Reposted by Jonny Gerig Meyer

Mia [data-css=poetic] @miriam.codes · 11/12/2025

Learn how to create color themes with Baseline web features in #CSS, like color-scheme, color-mix(), light-dark(), and the relative color syntax – fellow OddBird David Herron covers everything you need: web.dev/articles/bas...

web.dev

Color themes with Baseline CSS features | Articles | web.dev

Learn how to create color themes with Baseline web features available in CSS.

0306

Reposted by Jonny Gerig Meyer

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 Jonny Gerig Meyer

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

Reposted by Jonny Gerig Meyer

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 Jonny Gerig Meyer

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

Reposted by Jonny Gerig Meyer

James Stuckey Weber @jamessw.com · 25/11/2025

Dialogs and Popovers are super useful for making layered UIs, and Baseline features simplify the implementation. Great article from fellow @oddbird.dev David Herron.

web.dev

<dialog> and popover: Baseline layered UI patterns | Articles | web.dev

Learn how to build UI patterns for modal windows and prompts using the <dialog> and popover web features.

0163

Reposted by Jonny Gerig Meyer

Mia [data-css=poetic] @miriam.codes · 19/11/2025

I'll be Winging It Live with @meyerweb.com and @jamessw.com tomorrow, to talk about anchor positioning – which is now behind a flag in Firefox, and live everywhere else. Join us, and bring your questions! 1pm ET / 10am PT www.youtube.com/watch?v=qOXY...

youtube.com

Cross-browser Anchor Positioning

YouTube video by Winging It

0185

Reposted by Jonny Gerig Meyer

OddBird @oddbird.dev · 17/11/2025

OddNews Is. 31 | - CSS video course update from @miriam.codes - Anchor Positioning is available across browsers. Now what?! from @jamessw.com - Wrangling complex navigation design patterns from @sondrae.bsky.social and @stacykvernmo.com Read archive: mailchi.mp/oddbird/cros...

The word update typed on page sticking out of a typewriter.

031

Reposted by Jonny Gerig Meyer

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 Jonny Gerig Meyer

James Stuckey Weber @jamessw.com · 11/11/2025

Anchor Positioning is in Firefox 145, released today (but behind a flag)! To celebrate, join me, @miriam.codes and Eric Meyer next Thursday for Winging It. We'll be discussing patterns that are emerging and rough edges that are still getting worked out. Subscribe to get notified when we go live!

youtube.com

Cross-browser Anchor Positioning

YouTube video by Winging It

1133

Reposted by Jonny Gerig Meyer

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

Reposted by Jonny Gerig Meyer

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 Jonny Gerig Meyer

James Stuckey Weber @jamessw.com · 21/10/2025

By the time you finish this email course, CSS anchor positioning will likely be Baseline Newly Available. So, the best time to start learning was about 3 weeks ago, but the second best time is today.

oddbird.dev

Create Performant Layouts and Resilient Dropdowns

This CSS anchor positioning course teaches you how

043

Reposted by Jonny Gerig Meyer

OddBird @oddbird.dev · 17/10/2025

The next Winging It show is all about bad UX design patterns. @claytondewey.bsky.social from Dev Collaborative will be joining @sondrae.bsky.social and @stacykvernmo.com. Join us live and bring your questions! Save the date: Thu, Oct 23 www.youtube.com/watch?v=2RcF... #ux #design

youtube.com

Bad UX Design Patterns

YouTube video by Winging It

021

Reposted by Jonny Gerig Meyer

Mia [data-css=poetic] @miriam.codes · 15/10/2025

Had a smashing time at @smashingconf.com last week, meeting people & nerding about #CSS value resolution. Now back to the video course. Aiming to launch a first module in Jan/Feb! From grids/alignment to guaranteed invalid values – sign up for updates & discounts: oddbird.dev/courses/desi...

oddbird.dev

Designing With Code

CSS video course waitlist signup

1308

Reposted by Jonny Gerig Meyer

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

Reposted by Jonny Gerig Meyer

James Stuckey Weber @jamessw.com · 07/10/2025

Shadow DOM in the CSS anchor positioning polyfill! v0.7.0 supports anchor and target in the same shadow root. anchor-positioning.oddbird.dev/shadow-dom Thanks to William Killer (@dub@social.lol) for the PR and being an awesome open source contributor!

anchor-positioning.oddbird.dev

CSS Anchor Positioning Polyfill

032

Reposted by Jonny Gerig Meyer

James Stuckey Weber @jamessw.com · 30/09/2025

Anchor positioning is out in Safari, and I just played around with it in Firefox Nightly, where it's pretty darn close. Now is the time to learn anchor positioning!

oddbird.dev

Create Performant Layouts and Resilient Dropdowns

This CSS anchor positioning course teaches you how

073

Reposted by Jonny Gerig Meyer

OddBird @oddbird.dev · 29/09/2025

In addition to the CSS Tips & Tricks series, we run a monthly show called Winging It LIVE. We interview experts and dig into front-end web development. Topics range from htmx to #CSS to #UX to fluid type and more. All Ep: www.youtube.com/@wingingitod... htmx Ep: www.youtube.com/playlist?lis...

0125

Reposted by Jonny Gerig Meyer

Mia [data-css=poetic] @miriam.codes · 23/09/2025

For spacing values on a website – is it better to respond to font-size, or available space, or stick with static units? You don't have to choose! Sometimes the best unit in #CSS is a combination – with calc()/clamp() or min()/max() or round() & other math functions. www.oddbird.net/2025/09/23/t...

oddbird.net

The Best CSS Unit Might Be a Combination

We don't have to choose between px and rem for spacing

0294