Lightnews — Scholar-powered news

Reposted by OddBird

Eric Portis @ericportis.com · 6d

If you work in web standards, you RFC 2119 MUST read this article. alice.boxhall.au/articles/a-t...

A threat model for accessibility on the web - Alice

A explanation of the primary threat to accessibility on the web, and a call to action for the web standards community

alice.boxhall.au

2 16 34

Reposted by OddBird

James Stuckey Weber @jamessw.com · 1d

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 (@[email protected]) for the PR and being an awesome open source contributor!

CSS Anchor Positioning Polyfill

anchor-positioning.oddbird.dev

2 3

OddBird @oddbird.dev · 2d

Want to go deeper with SQLAlchemy, FastAPI Path Operations, Django REST Framework & Channels?

Check out this series of articles by Ed Rivas and various OddBirds emeritus. www.oddbird.net/tags/django/

#Django #python #backend #development

SQLAlchemy for Django Developers by Ed Rivas on Oct 23.
FastAPI Path Operations for Django Developers by Ed Rivas on Oct 19.

1

Reposted by OddBird

Stacy Kvernmo @stacykvernmo.com · 5d

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?

Tag: CSS Mixins & Functions

For more posts, return to the full posts list or browse all tags.

www.oddbird.net

1 2 5

Reposted by OddBird

James Stuckey Weber @jamessw.com · 3d

Ok, it's pretty nifty that if you put `loading="lazy"` on an image in a popover or dialog, the image doesn't load until you open it.

1 4

Reposted by OddBird

Mia (online) @miriam.codes · 6d

Four days till @smashingconf.com – I'm excited to see some of you there! I'll be talking about CSS variables & type safety.

I also have a workshop on Modern CSS Architecture: smashingconf.com/ny-2025/work...

(And if you can't join in NY, reach out – I'm happy to tailor a workshop for your company)

Modern CSS Architecture — New York 2025, October 6–9.

Full-day workshop • Thursday, October 9, 2025. New CSS features are shipping at an unprecedented rate – cascade layers, container queries, the :has() selector, subgrid, nesting, and so much more. It’s...

smashingconf.com

2 10

Reposted by OddBird

James Stuckey Weber @jamessw.com · 8d

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!

Create Performant Layouts and Resilient Dropdowns

This CSS anchor positioning course teaches you how

oddbird.dev

3 8

OddBird @oddbird.dev · 9d

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

5 12

OddBird @oddbird.dev · 12d

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/

2 2

OddBird @oddbird.dev · 13d

Thanks so much to Alice Boxhall for supporting our open source work! @jamessw.com focuses on Popover & Anchor Positioning polyfills, @miriam.codes works on #CSS specs for functions, mixins, and responsive typography.

Help us keep that work sustainable & focused!
opencollective.com/oddbird-open...

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

opencollective.com

3

Reposted by OddBird

Mia (online) @miriam.codes · 14d

I've talked to many teams struggling with #CSS – still, after trying the branded answers: utilities! obscure-naming_conventions! frameworks!

You don't need all that.

Learn to work with the language. Need help? Schedule a call, or bring me in to tailor a plan: oddbird.dev/services/arc...

Improve performance & reliability with Poetic CSS Architecture

Level up your team, improve your user experience, and scale with confidence

oddbird.dev

6 20

Reposted by OddBird

Mia (online) @miriam.codes · 15d

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

The Best CSS Unit Might Be a Combination

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

www.oddbird.net

4 28

Reposted by OddBird

Kevin Powell @kevinpowell.co · 14d

A recent post by @miriam.codes where she looked at why `box-sizing` shouldn't be inherited got me wondering if we even need to reset it to border-box in the first place...

youtu.be/PtAcpV6TAGM

It might be time to rethink box-sizing: border-box

YouTube video by Kevin Powell

youtu.be

6 12 46

OddBird @oddbird.dev · 16d

We're excited to be starting a new series on the Winging It channel called CSS Tips & Tricks! These are short videos each focused on one specific CSS feature from @miriam.codes, @stacykvernmo.com, and @jamessw.com.

Subscribe for updates.
youtube.com/playlist?list=PL4jAKUtAhpHlOm3Lfv83ZHpfdJ4zHCDyv

YouTube playlist view showing 5 CSS Tips and Tricks videos from Stacy, Mia, and James on shape-outside, responsive type, container queries, anchor positioning, and a new stretch keyword.

1 5

Reposted by OddBird

Stacy Kvernmo @stacykvernmo.com · 19d

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

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

codepen.io

2 4

OddBird @oddbird.dev · 20d

Glad to help. Thanks for subscribing!

Reposted by OddBird

Mia (online) @miriam.codes · 21d

There's one CSS 'rule' I always come back to – the heart of what I'm calling Poetic CSS: What are we trying to express, and how clearly can we express it?

There's no best unit, best layout mode, or best selectors – only the ones that express our goals most clearly. Use the whole language.

#CSS

4 5 70

Reposted by OddBird

Schalk Neethling @schalkneethling.com · 23d

The BEST way to work with CSS shape-outside - @oddbird.dev www.youtube.com/watch?v=hKiL...

The BEST way to work with CSS shape-outside

YouTube video by Winging It

www.youtube.com

1 2

OddBird @oddbird.dev · 20d

Thanks for the heads up. There's a double opt in. If you check your spam folder, do you find the confirmation email there?

1

OddBird @oddbird.dev · 26d

Winging It is only available on YouTube for now, but it's great to hear that you'd be interested in accessing it elsewhere too! Hopefully we can expand in the future.

1

OddBird @oddbird.dev · 27d

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!

Mixins & Functions to Streamline CSS

With special guest Roma Komarov

www.oddbird.net

1 7 14

Reposted by OddBird

Rachel Andrew @rachelandrew.bsky.social · 29d

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

A refresh of Learn CSS with nine new modules | Blog | web.dev

web.dev

26 91

Reposted by OddBird

Mia (online) @miriam.codes · 28d

So many FOMO-inducing posts from @smashingconf.com Freiburg. Wish I was there!

But I'll be in NY next month, talking about CSS types & validation. I want to change how you see vars now & prepare you for functions.

You can also join my workshop on CSS architecture!

smashingconf.com/ny-2025/work...

Modern CSS Architecture — New York 2025, October 6–9.

Full-day workshop • Thursday, October 9, 2025. New CSS features are shipping at an unprecedented rate – cascade layers, container queries, the :has() selector, subgrid, nesting, and so much more. It’s...

smashingconf.com

3 7 31

Reposted by OddBird

Conscious_cr3ator @conscious-cr3ator.bsky.social · Aug 15

I enjoyed taking @miriam.codes CSS cascading layouts workshop course earlier this year. Thanks for continuing to help others improve their understanding of CSS, what’s possible with the language, and the history of the web!

1 6

Reposted by OddBird

Stuart Robson @sturobson.com · Sep 5

a very thought provoking article on why we perhaps shouldn't default to or inherit box-sizing: border-box; from @miriam.codes

www.oddbird.net/2025/09/04/b...

Don't Inherit the Box Model

It's time to stop spreading this out-dated practice

www.oddbird.net

2 5 16