Jonny Gerig Meyer's Avatar

Jonny Gerig Meyer

@jgerigmeyer.bsky.social

Co-Founder, Web Software Architect + Engineer @OddBird.dev

46 Followers  |  44 Following  |  3 Posts  |  Joined: 31.10.2024  |  2.0708

Latest posts by jgerigmeyer.bsky.social on Bluesky


Preview
Responsive Type Doesn’t Have To Be Complicated YouTube video by Winging It

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...

18.02.2026 17:55 β€” πŸ‘ 8    πŸ” 3    πŸ’¬ 0    πŸ“Œ 1
Preview
Responsive Type Doesn’t Have To Be Complicated YouTube video by Winging It

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...

16.02.2026 20:36 β€” πŸ‘ 7    πŸ” 4    πŸ’¬ 0    πŸ“Œ 0
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

Anchor positioning is undeniably awesome. What is missing from our awesome list? github.com/oddbird/awes...

27.01.2026 20:14 β€” πŸ‘ 9    πŸ” 3    πŸ’¬ 0    πŸ“Œ 0
Preview
Imagine CSS without inheritance A code demo by Miriam Suzanne created on CodePen

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

23.01.2026 19:11 β€” πŸ‘ 9    πŸ” 2    πŸ’¬ 1    πŸ“Œ 0
Preview
CSS Scope & Mixins YouTube video by Winging It

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.

21.01.2026 22:17 β€” πŸ‘ 9    πŸ” 3    πŸ’¬ 0    πŸ“Œ 0
Preview
CSS Scope & Mixins YouTube video by Winging It

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...

14.01.2026 20:12 β€” πŸ‘ 23    πŸ” 8    πŸ’¬ 0    πŸ“Œ 0
Preview
Create Performant Layouts and Resilient Dropdowns This CSS anchor positioning course teaches you how

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.

13.01.2026 18:31 β€” πŸ‘ 7    πŸ” 2    πŸ’¬ 0    πŸ“Œ 0
Preview
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...

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...

08.01.2026 19:08 β€” πŸ‘ 38    πŸ” 9    πŸ’¬ 3    πŸ“Œ 0
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

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

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

18.12.2025 04:41 β€” πŸ‘ 4    πŸ” 2    πŸ’¬ 0    πŸ“Œ 0
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

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

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

16.12.2025 16:57 β€” πŸ‘ 13    πŸ” 5    πŸ’¬ 1    πŸ“Œ 0
Preview
Color themes with Baseline CSS features Β |Β  Articles Β |Β  web.dev Learn how to create color themes with Baseline web features available in CSS.

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...

11.12.2025 19:54 β€” πŸ‘ 30    πŸ” 6    πŸ’¬ 0    πŸ“Œ 0
Preview
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 ...

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

04.12.2025 18:53 β€” πŸ‘ 21    πŸ” 9    πŸ’¬ 0    πŸ“Œ 0
Preview
Zoom & the browser window ...

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...

03.12.2025 21:51 β€” πŸ‘ 9    πŸ” 4    πŸ’¬ 0    πŸ“Œ 0
Preview
CSS is Awesome Game Made with Tally, the simplest way to create forms.

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

01.12.2025 18:43 β€” πŸ‘ 10    πŸ” 8    πŸ’¬ 0    πŸ“Œ 0
Preview
Cross-Browser Anchor Positioning Anchor Positioning is available in all browsers. What's next, with Eric Meyer.

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

26.11.2025 20:50 β€” πŸ‘ 9    πŸ” 5    πŸ’¬ 1    πŸ“Œ 0
Preview
<dialog> and popover: Baseline layered UI patterns Β |Β  Articles Β |Β  web.dev Learn how to build UI patterns for modal windows and prompts using the &lt;dialog&gt; and popover web features.

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

25.11.2025 16:53 β€” πŸ‘ 16    πŸ” 3    πŸ’¬ 0    πŸ“Œ 0
Cross-browser Anchor Positioning
YouTube video by Winging It Cross-browser Anchor Positioning

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...

19.11.2025 17:36 β€” πŸ‘ 18    πŸ” 5    πŸ’¬ 0    πŸ“Œ 1
The word update typed on page sticking out of a typewriter.

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

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...

17.11.2025 18:02 β€” πŸ‘ 3    πŸ” 1    πŸ’¬ 0    πŸ“Œ 0
Preview
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.

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...

14.11.2025 19:25 β€” πŸ‘ 17    πŸ” 9    πŸ’¬ 1    πŸ“Œ 0
Cross-browser Anchor Positioning
YouTube video by Winging It Cross-browser Anchor Positioning

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!

11.11.2025 21:51 β€” πŸ‘ 13    πŸ” 3    πŸ’¬ 1    πŸ“Œ 0
Sondra E, Stacy, and Clayton Dewey wear Halloween costumes and laugh.

Sondra E, Stacy, and Clayton Dewey wear Halloween costumes and laugh.

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…

07.11.2025 16:52 β€” πŸ‘ 4    πŸ” 3    πŸ’¬ 0    πŸ“Œ 0
Bad UX Design Patterns
YouTube video by Winging It Bad UX Design Patterns

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...

24.10.2025 18:15 β€” πŸ‘ 4    πŸ” 4    πŸ’¬ 0    πŸ“Œ 0
Preview
Create Performant Layouts and Resilient Dropdowns This CSS anchor positioning course teaches you how

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.

21.10.2025 20:08 β€” πŸ‘ 4    πŸ” 3    πŸ’¬ 0    πŸ“Œ 0
Bad UX Design Patterns
YouTube video by Winging It Bad UX Design Patterns

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

17.10.2025 22:46 β€” πŸ‘ 2    πŸ” 1    πŸ’¬ 0    πŸ“Œ 0
Preview
Designing With Code CSS video course waitlist signup

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...

15.10.2025 18:15 β€” πŸ‘ 30    πŸ” 8    πŸ’¬ 1    πŸ“Œ 0
Preview
Anchor Positioning Updates for Fall 2025 Overflowing content, browser support, and polyfill updates

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.

14.10.2025 17:37 β€” πŸ‘ 8    πŸ” 3    πŸ’¬ 0    πŸ“Œ 0
CSS Anchor Positioning Polyfill

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!

07.10.2025 16:44 β€” πŸ‘ 3    πŸ” 2    πŸ’¬ 0    πŸ“Œ 0
Preview
Create Performant Layouts and Resilient Dropdowns This CSS anchor positioning course teaches you how

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!

30.09.2025 16:57 β€” πŸ‘ 8    πŸ” 3    πŸ’¬ 0    πŸ“Œ 0
winging it htmx

winging it htmx

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...

29.09.2025 17:15 β€” πŸ‘ 12    πŸ” 5    πŸ’¬ 0    πŸ“Œ 0

@jgerigmeyer is following 20 prominent accounts