Jonny Gerig Meyer
@jgerigmeyer.bsky.social
Co-Founder, Web Software Architect + Engineer @OddBird.dev
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
So Many Display Modes
YouTube video by Winging It
youtu.be
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...
Grid Lanes: the Future of Masonry Layout
YouTube video by Winging It
youtube.com
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/
Poetic CSS
Understand CSS as a system — so you can write, review, and maintain web styles with confidence on a timeline and under budget.
courses.oddbird.net
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.
Announcing Our Talk Lineup! We're excited to share this year's talks covering Django, AI, PostgreSQL, HTMX, testing, deployment, open source, and more. Congratulations to all of our speakers, we look forward to seeing you in Chicago this August! 2026.djangocon.us/news/announc...
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
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...
oddbird.net
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
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...
oddbird.net
The fact that anchor() is a length gives it superpowers, but it has some limitations. Join us on Thursday to hear more!
Dos & Don’ts of Anchor Positioning
YouTube video by Winging It
youtube.com
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...
Dos & Don’ts of Anchor Positioning
YouTube video by Winging It
youtube.com
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...
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...
Quick & Easy UI Wins
YouTube video by Winging It
youtube.com
This will be chock full of gems that you can start using, like yesterday.
Quick & Easy UI Wins
YouTube video by Winging It
youtube.com
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...
Responsive Type Doesn't Have to Be Complicated
Building a type scale for your website
oddbird.net
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...
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 ...
oddbird.net
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...
CSS Scope & Mixins
A chat with Chris Coyier
oddbird.net
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...
Responsive Type Doesn’t Have To Be Complicated
YouTube video by Winging It
youtube.com
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...
Responsive Type Doesn’t Have To Be Complicated
YouTube video by Winging It
youtube.com
Anchor positioning is undeniably awesome. What is missing from our awesome list? github.com/oddbird/awes...
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
github.com
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
Imagine CSS without inheritance
A code demo by Miriam Suzanne created on CodePen
codepen.io
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.
CSS Scope & Mixins
YouTube video by Winging It
youtube.com
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...
CSS Scope & Mixins
YouTube video by Winging It
youtube.com
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.
Create Performant Layouts and Resilient Dropdowns
This CSS anchor positioning course teaches you how
oddbird.dev
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...
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...
oddbird.net
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 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
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...
Color themes with Baseline CSS features | Articles | web.dev
Learn how to create color themes with Baseline web features available in CSS.
web.dev
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
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 ...
youtube.com
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...
Zoom & the browser window
...
codepen.io
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
CSS is Awesome Game
Made with Tally, the simplest way to create forms.
tally.so
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
Cross-Browser Anchor Positioning
Anchor Positioning is available in all browsers. What's next, with Eric Meyer.
oddbird.net