Stephan de Vries
LightNews LightNews
banner
stephanbuilds.com
Stephan de Vries
@stephanbuilds.com
78 followers 220 following 16 posts
Vegan
Feminist
Web developer

https://stephanbuilds.com

Based in Amsterdam, The Netherlands
Posts Replies Media Videos
Reposted by Stephan de Vries
csswizardry.com
🩺 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/
Obs.js – context-aware web performance for everyone
Obs.js reads device and network signals and allows you to build adaptive user experiences.
csswizardry.com
August 28, 2025 at 9:24 AM
Reposted by Stephan de Vries
sarasoueidan.com
🧵 (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
Introducing the Practical Accessibility course
This is "Introducing the Practical Accessibility course" by Sara Soueidan on Vimeo, the home for high quality videos and the people who love them.
vimeo.com
May 15, 2025 at 8:20 AM
Reposted by Stephan de Vries
utilitybend.com
🚀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...
The customizable select - Part one: history, trickery, and styling the select with CSS | utilitybend
Exploring customizable select elements. This series explores styling possibilities. The first article covers the history and provides a guide to building a custom select as a progressive enhancement. ...
utilitybend.com
March 13, 2025 at 11:32 AM
stephanbuilds.com
React Router v7 as a framework is such a delight to work with. I've never been this productive!
December 30, 2024 at 4:46 PM
Reposted by Stephan de Vries
nerdy.dev
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...
screenshot of the GUI which shows the syntax and makes the syntax interactive
December 11, 2024 at 5:25 PM
Reposted by Stephan de Vries
astro.build
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
December 5, 2024 at 8:24 PM
stephanbuilds.com
Can’t wait to get rid of all forwardRefs in my code 🤩
December 6, 2024 at 12:17 AM
Reposted by Stephan de Vries
react.dev
React v19 is now stable!

react.dev/blog/2024/12...
React v19 – React
The library for web and native user interfaces
react.dev
December 5, 2024 at 7:05 PM
Reposted by Stephan de Vries
arielsalminen.com
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.
December 3, 2024 at 10:33 AM
Reposted by Stephan de Vries
ruyadorno.com
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
Node.js — Node v22.12.0 (LTS)
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
December 3, 2024 at 10:32 PM
Reposted by Stephan de Vries
astro.build
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/
Astro 5.0 | Astro
Astro 5.0 brings exciting new features like the Astro Content Layer for seamless content loading from any source, and Server Islands for effortlessly combining static and dynamic personalized content.
astro.build
December 3, 2024 at 6:20 PM
Reposted by Stephan de Vries
adamwathan.com
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
Tailwind CSS v4.0 Beta 1 - Tailwind CSS
After a long alpha period, we're excited to release the first public beta of Tailwind CSS v4.0.
tailwindcss.com
November 27, 2024 at 6:04 PM
Reposted by Stephan de Vries
vite.dev
Vite 6.0 is out ⚡️
vite.dev/blog/announc...
Announcing Vite 6
Vite 6 Release Announcement
vite.dev
November 26, 2024 at 2:26 PM
Reposted by Stephan de Vries
markdalgleish.com
React Router v7 is here!

With framework mode, everything that made Remix great is now built into React Router.

remix.run/blog/react-r...
React Router v7
React Router v7 brings all the great things you love from Remix back to React Router
remix.run
November 22, 2024 at 10:28 PM
stephanbuilds.com
Love this! Really happy to have learned how to deal with overflow issues and those weird looking outline shapes
November 19, 2024 at 10:31 PM
Reposted by Stephan de Vries
minamarkh.am
I made a Black women in tech starter pack because I couldn’t find one and it annoyed me.

go.bsky.app/5upv7SQ
November 13, 2024 at 9:25 PM
stephanbuilds.com
So excited about this after @yannbf.bsky.social's ViteConf talk!
storybook.js.org Storybook @storybook.js.org · Nov 12
Component Tests validate your components’ functionality in the browser, without spinning up your whole stack. Now they’re available inside Storybook, transforming your stories into @vitest.dev tests. Also includes watch mode, visual tests, and (soon) a11y tests and coverage.
November 12, 2024 at 6:22 PM
stephanbuilds.com
Just wrote `git rest` instead of `git reset`, maybe it's my subconscious telling me it's time to stop
November 11, 2024 at 10:19 PM
Reposted by Stephan de Vries
retr0.id
test
a cartoon drawing of a cat holding a cigarette in its mouth .
ALT: a cartoon drawing of a cat holding a cigarette in its mouth .
media.tenor.com
November 10, 2024 at 2:23 PM
Reposted by Stephan de Vries
joshwcomeau.com
🌠 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...
A Friendly Introduction to Container Queries • Josh W. Comeau
It’s been a couple of years since container queries started landing in browsers… so why isn’t anyone using them? It turns out that container queries are kinda tricky; they’re not as straightforward as...
www.joshwcomeau.com
November 4, 2024 at 4:36 PM
Reposted by Stephan de Vries
dremenec.com
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!
An infographic. There are six panels. 1. "Slow internet. Alt text is shown in place of unloaded images." a drawing shows a phone with poor signal, and alt text is visible where the image should have loaded. 2. "Findabillity. Alt text helps to search content." A drawing shows someone searching 'dog with banana' and a post is shown underneath without the words 'dog' or 'banana'. It is implied to be part of the alt text. 3. "Screen readers. Alt is read out to people using text-to-speech software". There is a drawing of the output a screen-reader would show when viewing an image with alt text on bluesky. 4. "Translation. Alt text can be translated". A drawing shows a post being translated. The alt text is also translated into german. 5. "Readability. Text in images can be made legible" There is a drawing of some truly awful handwriting inside a speech bubble. The alt text clarifies what the text is supposed to say. 6. "Disambiguation. Description helps clarify intent." There is a drawing of a post with a picture of a creature. This is styled after the famous optical illusion of a rabbit and a duck. The alt text clarifies that the animal is a rabbit. It definitely looks more like a duck.
October 28, 2024 at 10:20 PM