Stephan de Vries

📚 Colocation matters. Cognitive load matters. Boundaries matter. High cohesion matters. Yes, even in the age of AI (maybe even more so). Enter the vertical codebase:

Understanding Fucking WCAG robertjmccaffery.com/fucking-wcag...

One. More. Thing. youtu.be/Bp86buftbX8

You can throw away innerHTML and replace it with the new setHTML(), which has a built-in sanitizer. Here's how it works:

HTML might be getting a new type of tag, which… hasn't happened this millennium. Here's the new syntax, and how it works:

I did it! 🎉 I saved the Yeti's holiday party at DebugDecember.com. Time to celebrate. 😎 #DebugDecember

🩺 Obs.js is now OPEN SOURCE! I’d love early feedback and I’ll showcase any of your implementations on the demo page: csswizardry.com/Obs.js/demo/

🧵 (Re)introducing the Practical Accessibility course: ✨ It is a comprehensive, self-paced, online video course designed to demystify web accessibility and to equip you with the knowledge you need to create more accessible websites & apps today 💪🏻 practical-accessibility.today ⤵️ vimeo.com/1082908437

🚀The customizable select was just released in Chrome 134 🤩! I’ve been playing around with this feature for quite some time and am excited to start a series. In this part1 history, trickery and how to progressively style a select element. 🥰 utilitybend.com/blog/the-cus...

React Router v7 as a framework is such a delight to work with. I've never been this productive!

Chromium: Intent to Ship in v133 #CSS `text-box`, `text-box-trim` and `text-box-edge` groups.google.com/a/chromium.o... this feature is RAD. try it in Canary with this syntax explorer visualizer tool I'm hackin on codepen.io/argyleink/fu...

Do you know how image srcset and sizes work? Me neither. And you shouldn’t have to. Let layout="responsive" find the right values based on your source image, no config needed ✨ Now experimental in 5.0

Can’t wait to get rid of all forwardRefs in my code 🤩

React v19 is now stable! react.dev/blog/2024/12...

Naming things is hard. If you don’t know what to call a component in your design system, you can start by looking at what other teams are doing. Component Gallery is a great resource for this: component.gallery/components/ …But don’t assume that something is correct, just because it’s popular.

A new Node.js LTS Release is out! 🥳 v22.12.0 enables require(esm) by default! Read more about that change and the rest of additions / fixes in our blog post / CHANGELOG: nodejs.org/en/blog/rele... #nodejs #javascript

Astro 5.0 is here. Content layer, server islands, simplified prerendering, type-safe env, @vite.dev v6. All stable. Go see what you can do 👇 astro.build/blog/astro-5/

ICYMI — Tailwind CSS v4.0 is now in beta ✨ tailwindcss.com/blog/tailwin... ⚡ Up to 5x faster builds, 100x faster rebuilds 🧰 Built-in imports, prefixing, and more 🪄 Simplified, CSS-first configuration 🦾 Modern CSS features like @​starting-style and container queries 🎨 New wide-gamut color palette

Vite 6.0 is out ⚡️ vite.dev/blog/announc...

React Router v7 is here! With framework mode, everything that made Remix great is now built into React Router. remix.run/blog/react-r...

Love this! Really happy to have learned how to deal with overflow issues and those weird looking outline shapes

Just wrote `git rest` instead of `git reset`, maybe it's my subconscious telling me it's time to stop

test

🌠 For years, the #1 most requested feature in CSS was Container Queries. We wanted them so badly! Well, they’ve arrived… and none of us are using them. 😂 I think I know why, and I just published a new blog post that will hopefully change that! Check it out: www.joshwcomeau.com/css/containe...

Generally we think of alt-text as the domain of those with accessibility needs. However alt-text is useful for many reasons, which benefit your viewers, as well as you, the creator!