Posts by Stephan de Vries
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:
Doesn't `brew install` cancel updates when you do `control` + `C`?
Wait what, this is my local library 😮 didn't expect to see this in my feed lol
I did it! 🎉 I saved the Yeti's holiday party at DebugDecember.com. Time to celebrate. 😎
#DebugDecember
Struggled with day 23 as well 😅
I legit thought this was fake, shocked to find out it's not 😐 Thanks for sharing, moving my projects off of Vercel
🩺 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...
Very nice, Alex! It's working flawlessly for me 🙌
React Router v7 as a framework is such a delight to work with. I've never been this productive!
screenshot of the GUI which shows the syntax and makes the syntax interactive
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 🤩
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
React Router v7 is here!
With framework mode, everything that made Remix great is now built into React Router.
remix.run/blog/react-r...
Coincidentally deployed something to prod today with Tailwind container queries 🤓
Love this! Really happy to have learned how to deal with overflow issues and those weird looking outline shapes
I made a Black women in tech starter pack because I couldn’t find one and it annoyed me.
go.bsky.app/5upv7SQ
This is the talk: www.youtube.com/watch?v=8t5w...
So excited about this after @yannbf.bsky.social's ViteConf talk!
Just wrote `git rest` instead of `git reset`, maybe it's my subconscious telling me it's time to stop