Jonny Gerig Meyer

Relative Colors ...

One of my favorite color updates in CSS is to use the relative color syntax to go from one color to another. When pairing with custom properties, you can create useful and reusable variants of your brand colors while keeping the relationship to the original color. codepen.io/stacy/pen/gb...

Container Queries: a Quick Start Guide Now is the time to begin experimenting with a long requested layout tool.

Dig into #CSS Container Queries with @miriam.codes & David Herron at OddBird:

Container Queries Videos youtube.com/playlist?list=PL4jAKUtAhpHkH3DMK8JNVPDjvKljPkNVU

For a Better Web oddbird.net/2025/04/08/better-web-8/

Container Queries: A Quick Start Guide oddbird.net/2021/04/05/containerqueries

A picture of a handdrawn letter A and a bit of text from a book about Format that is very zoomed in with a visible tooltip "Zoom out on this image."

In the latest OddNews, @miriam.codes writes about when she tried setting browser font-size preferences, and found it broke more sites than it improved. And @jamessw.com gives an update on the new Vite default.

Read Issue 27: us19.campaign-archive.com?e=%5BUNIQID%...

If you think this looks neat, and you'd like to learn more about anchor positioning, I'd strongly recommend @oddbird.dev's email course by @jamessw.com

One of the few emails I look forward to getting each week 😊

www.oddbird.net/learn/course...

YouTube video by Schalk Neethling Popover and CSS Anchor Positioning Today - Std \w Polyfill - Frontend Engineering Explained #webdev

Popover and CSS Anchor Positioning Today - Std \w Polyfill - Frontend Engineering Explained #css - featuring the amazing CSS anchor positioning polyfill by @oddbird.dev and @jamessw.com
www.youtube.com/watch?v=Mi_g...

v0.5.2 of the CSS anchor positioning polyfill is out, with a fix to better support the viewport as the anchor, especially popovers. Give it a whirl!

OddBird Open Source - Open Collective We love contributing to the languages & tools developers rely on. Our focus is Popover & Anchor Positioning polyfills, and CSS specifications for functions, mixins, and responsive typography. Help us ...

It's exciting to see usage of OddBird's CSS Anchor Positioning Polyfill take off! 📈That's also come with an increase in the number of issues opened for bugs and support.

I want to help everyone and keep making improvements, but we need some financial support to keep this up.

Release v0.5.0 · oddbird/css-anchor-positioning What's Changed 🚀 NEW: Support for position-area by @jamesnw and @jgerigmeyer in #296 🚀 NEW: Allow anchor-size on margin and inset properties by @jamesnw in #309 🚀 NEW: Support inside and outside k...

We just released v0.5.0 of the Anchor Positioning polyfill. 🥳

It has position-area, inside and outside keywords, and anchor-size() on margin and inset properties.

We also cut the build size significantly. Test it out and let us know what you want us to work on next!

Cascading Layouts workshop on resilient CSS layouts. OddBird Workshop with Miriam Suzanne. April 28-30 @ 9am PT - Online.

Hey y'all, I have a new workshop at the end of April - deepdive into modern CSS Layout techniques. Level up your team with a systemic understanding.

The intro video has a demo of #CSS grid areas. I’ll post more tips in the lead up. Early-bird pricing til April 12!

www.oddbird.net/workshops/ca...

bribecoding is a new phenomenon where you pay open source developers a living wage to work on projects that your business uses

In defence of fluid typography This is a response to Miriam Suzanne’s excellent post on Reimagining Fluid Typography. She poses lots of really interesting questions, some of which I disagree with, but most of all they got me thinki...

I'm excited for Winging It today as I will be joined by @clagnut.com and @miriam.codes to discuss the hot topic of fluid typography and user preferences.

Recommended reading:
1. www.oddbird.net/2025/02/12/f...
2. clagnut.com/blog/2441

Then join us at 1pm ET
www.youtube.com/live/py41Ys-...

Another uncalled-for blog post about the ethics of using AI I read a couple of posts about AI recently, which seemed to hold opposing ideas, but I agreed with them both to some extent. I’m conflicted, but what I do know is that I find LLMs useful on occasion, ...

✏️ Another uncalled-for blog post about the ethics of using AI.

Hype, copyright, eugenics, usefulness.

clagnut.com/blog/2440

I'm admittedly a bit partial to the author (and you should too!), but this is spot-on. ❤

YouTube video by CodeTV How to Use CSS Anchor Positioning TODAY

In just about 2 hours (12:30 Eastern, 9:30 Pacific), I'll be going live on Learn with Jason. I'll be walking Jason through how to use CSS Anchor Positioning, starting with some common uses and then getting into some crazy new layout possibilities!

Better Anchor Positioning with position-area It's not just a shorthand for anchor()

position-area is my favorite part of #CSS anchor positioning. It bakes in some really smart defaults that go deeper than you might expect.

Debugging CSS Anchor Positioning YouTube video by Winging It

I'm excited to dig into the how and why of #CSS anchor positioning, with @miriam.codes and @tabatkins.com.

Join us- we'll be Winging It live on Thursday at 1pm ET / 10am PT

youtube.com/live/3vwruYb9du4

CSS Is Awesome Game

Join us for a fun holiday game show celebrating the #CSS specification birthday - with @michelleb.bsky.social, @henrihelvetica.bsky.social, @5t3ph.bsky.social, @kevinpowell.co, and our host @stacykvernmo.com!

We're going live in an hour: https://www.youtube.com/watch?v=fYfs6sKGciQ

YouTube video by Winging It CSS Is Awesome Game

Guess who else is joining us for the CSS is Awesome Game?

@5t3ph.bsky.social is back!

Stephanie will join @kevinpowell.co, @miriam.codes, another special guests (to be announced tomorrow) and myself on December 17 at 1PM ET on @oddbird.dev's Winging It.

www.youtube.com/watch?v=fYfs...

YouTube video by Winging It CSS Is Awesome Game

I excited for @oddbird.dev's Winging It as we will be celebrating the birthday of CSS with a special "CSS is Awesome" game show. We hope you join us and play along.

Tuesday, December 17, 2024 at 1pm Eastern
www.youtube.com/watch?v=fYfs...

CSS Is Awesome Game On December 17, 1996 the W3C published the first standard for CSS, and we are celebrating on Winging It! A few of our favorite CSS friends will join us for o...

Dec 17, 1996 W3C published the first standard for CSS, and we are celebrating on Winging It! If you love CSS as much as we do, then we hope you'll play along with host @stacykvernmo.com on the "CSS Is Awesome Game" Tue, Dec 17, 2024 at 1pm Eastern.

Special guests TBA!

How long can I get away with only reposting, and not writing a single Bluesky post? 🤔

...

Ah, shucks. 😞

Screenshot of Mac settings for how to turn off auto-on AI settings. If you want to disable it, go to privacy and security in your settings and turn off Apple Intelligence Report

Hey Mac users! Anyone running OS Sequoia—the latest update includes Apple Intelligence, an integrated AI that skims your writing.
If you want to disable it, go to privacy and security in your settings and turn off Apple Intelligence Report (pictured below)

#AntiAI

What questions do you have about Web Features and Baseline statuses? @miriam.codes and I will be going live in 3 hours to talk about this new way of thinking about whether a feature is ready for production. Sign up to get notified here- youtube.com/live/3dLbTHK...

YouTube video by Winging It Scope CSS anchor positioning with anchor-scope. Use it now-github.com/oddbird/css-anchor-positioning

"anchor-scope" is out in Chromium 131, and unlocks a lot of use cases. Here's an explainer in less than a minute.
(Oh, and you can use it now with OddBird's Anchor Positioning Polyfill).

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 awesome, so we made Awesome Anchor Positioning to curate documentation, how-tos and awesome demos. What are we missing? Open a PR and let us know!
github.com/oddbird/awes...

Learn CSS Grid First We talk with Stephanie Eckles -- the brain behind ModernCSS.dev and SmolCSS.dev -- about CSS grids. We look at a few of the most common grid patterns, to show you how (and why) you can get started wor...

In July, we talked with @5t3ph.bsky.social about how you can get started working grids into your #CSS toolkit.

If you didn't get to join live, watch on our Winging It channel.
www.oddbird.net/2024/07/23/w...

Join live on Nov 19 for 'Baseline and Web Features' with @miriam.codes & @jamessw.com.

Updates to the Most Desired CSS Feature You Can't Use Yet Performance, scope, and fallbacks for the anchor positioning polyfill

In the latest State of CSS survey, Anchor Positioning was the most desired feature that you can’t yet use because of browser incompatibilities.

But did you know you can use it today, with @oddbird.dev's polyfill?

www.oddbird.net/2024/11/12/a...

until the day I die I will never understand why he was even still allowed to run after this

Contact Let's get to know each other

If your company is looking for outside help with a web project, @oddbird.dev has availability starting in January.

As core contributors to #CSS and #Django we help create the languages and OSS projects millions of developers rely on. Focused on accessibility, performance, and well-tested code.

Unfortunately it looks like links to specific posts from the old profile do not work, e.g. bsky.app/profile/mia....