Be the browser’s mentor, not its micromanager A lesson from the Complete CSS course

This may help: piccalil.li/complete-css...

It’s a shame, but I genuinely want to believe that most people don’t do it on purpose because they don’t care, but rather because of a lack of awareness and education.

omg finally

Code snippets and headings showcase web development topics like HTML, CSS, and JavaScript optimization related to MDN's new frontend.

Under the hood of MDN's new frontend 🛠️

We rebuilt MDN from the ground up.
⋅ Web components for islands of interactivity
⋅ Only the CSS & JS each page needs gets shipped
⋅ Dev server starts in 2 seconds (down from 2 minutes)

Read the full story 👇
developer.mozilla.org/en-US/blog/...

Exactly: developer.mozilla.org/en-US/docs/G...

Newly available since 2023-12-11.
Projected widely available: 2026-06-11.

webstatus.dev?q=nesting&co...

RESOLVED: Add balance keyword to flex-wrap 🥳

github.com/w3c/csswg-dr...

Inside out (A).

I got tired of doing it the WordPress way, so I switched to writing all the CSS in .css files and combining them with PostCSS:

github.com/germanfrelo/...

@layer is such an underrated CSS feature, it solves most of your architecture specificity and distribution problems honestly. It's not mentioned enough.

Accessible faux-nested interactive controls A really common user interface pattern is a big clickable area, such as a card. Sometimes you need controls within that card that are also clickable. There's lots of ways to do it wrong, but fret not,...

A really common user interface pattern is a big clickable area, such as a card. Sometimes you need controls within that card that are also clickable. There's lots of ways to do it wrong, but fret not, @ericwbailey.website is here to show you how to do it right.

piccalil.li/blog/accessi...

Notes – 09:21 Wed 14 Jan 2026 Notes – 09:21 Wed 14 Jan 2026

noted: why can't "AI" bros take "no" for an answer?

dbushell.com/notes/2026-0...

there's a common theme of non-consent around the AI industry that's vile and disturbing

Ow yeah! 😎

FYI: you can start using customizable select *TODAY* because it is the perfect progressive enhancement: in browser with no support you get the status quo which is just a regular select (which you can also style up to a certain extent).

Tres años de ChatGPT: la máquina que no pudo quitarte el trabajo ahora va a por tus secretos Sam Altman, para quien la publicidad era "el último recurso" de OpenAI, abre la puerta a insertar anuncios en ChatGPT basados en los datos personales de los usuarios ante los problemas con el negocio ...

Sam Altman en mayo de 2024: "Odio los anuncios. Serían el último recurso. La mezcla de anuncios e IA es inquietante".

Sam Altman en noviembre de 2025: "Me encantan los anuncios de Instagram. Espero que lo probemos en algún momento".

¿Qué ha pasado en solo un año? La realidad. 🧵

Preventing a Grid Blowout | CSS-Tricks Say you have a very simple CSS grid layout with one column fixed at 300px and another taking up the rest of the space at 1fr.

Could this be the link? css-tricks.com/preventing-a...

Why we teach our students progressive enhancement | Blog Cyd Stumpel With new CSS features seemingly coming out every week, I’ve been doing more and more progressive enhancement (PE) in my projects. It’s also a big part of what we teach our students at the Associate De...

Some tips on how and why we teach our students from @fdnd.nl, to implement progressive enhancement in their work! 🎓

cydstumpel.nl/why-we-teach...

Every company shipping software to users take note: this is how you do release notes.

The effort that went into this post must have been huge, and is not lost on me. Thank you 🙏

You can fundamentally rewire your brain to properly understand CSS layout... for $34.50. Can’t say fairer than that! One day left.

Relearn CSS layout

Oh I forgot to mention on here, Every Layout is doing the annual 50% discount too! every-layout.dev

The more CSS focuses on typography the more we can convince designers that it's the best design tool for the web IMO.

Love to see it.

CSS text-decoration-inset landed in Firefox 146! Here's how it works:

Discover Dialog - HTMHell A collection of bad practices in HTML, copied from real websites.

On day 9 you discover dialog with @sjoy.lol #htmhellAdventCalendar

htmhell.dev/adventcalend...

@scope - CSS | MDN The @scope CSS at-rule enables you to select elements in specific DOM subtrees, targeting elements precisely without writing overly-specific selectors that are hard to override, and without coupling y...

Learn more about @​scope on MDN developer.mozilla.org/en-US/docs/W...

CSS @​scope has landed in Firefox 146, making it a new baseline feature. Here's how it works:

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

What’s the point of learning this stuff? • Josh W. Comeau Friendly tutorials for developers. Focus on React, CSS, Animation, and more!

Nice write-up by @joshwcomeau.com in his latest newsletter where he takes a look at some of the struggles AI still have with CSS, including what looks like a fairly simple example that it simply can't handle, as well as the benefits of deep knowledge.

www.joshwcomeau.com/email/black-...

I made an interactive demo to illustrate the `contain` vs. `cover` values. You can play with picking various combinations of box and actual image aspect ratios.

Live demo on @codepen.io: codepen.io/thebabydino/...

#CSS

Here’s a question I get a lot:

> “Now that AI can generate front-end UIs for us, what’s the point of learning CSS ourselves?”

I think there are lots of reasons, including that you can use AI much more effectively if you understand CSS yourself.

But is that actually true? Let’s discuss. 🧵

🙌🏻 Incredible value for top-tier education. There's a course for almost any frontend and/or design topic you want to learn about—from CSS, to accessibility (from yours truly ☺️), design systems, React, and more.

Check'em out!

@piccalil.li has also done a similar roundup: piccalil.li/links/black-...

My 10 favourite Black Friday deals from other indie creators ❤️ • Josh W. Comeau Friendly tutorials for developers. Focus on React, CSS, Animation, and more!

🎈 I shared my 10 favourite BF deals in my newsletter today. So much good stuff on sale this year!

Featuring @b0rk.jvns.ca, @sarasoueidan.com, @kevinpowell.co, @scott.is, @wil.to, @bradfrost.com, @kulkarniankita.com, @citizenofnowhe.re, @kentcdodds.com, @nan.fyi, and @thecodercoder.bsky.social.