Brecht De Ruyte
@utilitybend.com
Google Developer Expert | Front-end Developer at iO | blog owner https://utilitybend.com | guest writer at Smashing Magazine | father | geek | photography enthousiast | oklchroma.utilitybend.com
Pinned
Brecht De Ruyte
@utilitybend.com
· Oct 17
A native way of having more than one thumb on a range slider in HTML | utilitybend
Accessible and styled multi-handle range sliders in HTML? We should explore this option. And I need your help!
utilitybend.com
🚀 There should be a native way to have more than one thumb on a range slider. For this, I need your help. I created a starting point and would love you all to talk about it and give some feedback. It still has a lot of room to grow. Let's slide! 🛝 👍
utilitybend.com/blog/a-nativ...
utilitybend.com/blog/a-nativ...
Reposted by Brecht De Ruyte
What are everyone's thoughts on WebKit's `<input type=checkbox switch>` control? Is it something you want other browsers to ship?
November 14, 2025 at 4:00 PM
What are everyone's thoughts on WebKit's `<input type=checkbox switch>` control? Is it something you want other browsers to ship?
November 15, 2025 at 9:57 AM
My room for this night. 🤔
November 14, 2025 at 10:25 PM
My room for this night. 🤔
Reposted by Brecht De Ruyte
🤩 There’s a very – VERY! – exciting animations/performance change available in Chrome Canary:
Under the right conditions, `width`/`height` animations will no longer automatically force a Main Thread animation, but can be allowed to run on the Compositor.
Under the right conditions, `width`/`height` animations will no longer automatically force a Main Thread animation, but can be allowed to run on the Compositor.
a close up of a person wearing sunglasses with the words `` wait , what ? ''
ALT: a close up of a person wearing sunglasses with the words `` wait , what ? ''
media.tenor.com
November 13, 2025 at 11:25 AM
🤩 There’s a very – VERY! – exciting animations/performance change available in Chrome Canary:
Under the right conditions, `width`/`height` animations will no longer automatically force a Main Thread animation, but can be allowed to run on the Compositor.
Under the right conditions, `width`/`height` animations will no longer automatically force a Main Thread animation, but can be allowed to run on the Compositor.
Mission getting the phone back under extended warranty by a major tech company: company emailed me for the third time saying the internal team is reviewing it. Also a noticeable copy paste of the sentence: Your utmost patience and understanding is greatly appreciated here.
I expected better...
I expected better...
November 6, 2025 at 6:18 AM
Mission getting the phone back under extended warranty by a major tech company: company emailed me for the third time saying the internal team is reviewing it. Also a noticeable copy paste of the sentence: Your utmost patience and understanding is greatly appreciated here.
I expected better...
I expected better...
Love this! CSS @starting-style debugging is available in Chrome DevTools by @bram.us www.bram.us/2025/10/21/c...
CSS @starting-style debugging is available in Chrome DevTools!
I built something that I needed into DevTools: debugging support for CSS @starting-style rules.
www.bram.us
November 5, 2025 at 7:44 AM
Love this! CSS @starting-style debugging is available in Chrome DevTools by @bram.us www.bram.us/2025/10/21/c...
Since my phone is under repair with a lot of back and forward emails. (The company who made the phone saying it should be free, repairing branch of zhat company says it's not) I've been missing articles and RSS feeds for a couple of weeks now. I'll try to catch up. Backup phone slow 😔
November 5, 2025 at 6:23 AM
Since my phone is under repair with a lot of back and forward emails. (The company who made the phone saying it should be free, repairing branch of zhat company says it's not) I've been missing articles and RSS feeds for a couple of weeks now. I'll try to catch up. Backup phone slow 😔
Reposted by Brecht De Ruyte
I love it when I receive the monthly web platform update from the web-features explorer in my RSS reader. Such a useful and condensed source of info.
Web: web-platform-dx.github.io/web-features...
RSS: web-platform-dx.github.io/web-features...
Web: web-platform-dx.github.io/web-features...
RSS: web-platform-dx.github.io/web-features...
November 4, 2025 at 11:09 AM
I love it when I receive the monthly web platform update from the web-features explorer in my RSS reader. Such a useful and condensed source of info.
Web: web-platform-dx.github.io/web-features...
RSS: web-platform-dx.github.io/web-features...
Web: web-platform-dx.github.io/web-features...
RSS: web-platform-dx.github.io/web-features...
Planning on processing some of the feedback in the upcoming weeks. You can still get your ideas out there. 🙂
🚀 There should be a native way to have more than one thumb on a range slider. For this, I need your help. I created a starting point and would love you all to talk about it and give some feedback. It still has a lot of room to grow. Let's slide! 🛝 👍
utilitybend.com/blog/a-nativ...
utilitybend.com/blog/a-nativ...
A native way of having more than one thumb on a range slider in HTML | utilitybend
Accessible and styled multi-handle range sliders in HTML? We should explore this option. And I need your help!
utilitybend.com
October 30, 2025 at 6:23 AM
Planning on processing some of the feedback in the upcoming weeks. You can still get your ideas out there. 🙂
Stuck in traffic? Good moment to catch up with the CSS podcast with @una.im and @bram.us
@container traffic scroll-state(stuck: block-end)
thecsspodcast.libsyn.com
@container traffic scroll-state(stuck: block-end)
thecsspodcast.libsyn.com
October 21, 2025 at 6:12 AM
Stuck in traffic? Good moment to catch up with the CSS podcast with @una.im and @bram.us
@container traffic scroll-state(stuck: block-end)
thecsspodcast.libsyn.com
@container traffic scroll-state(stuck: block-end)
thecsspodcast.libsyn.com
Back after a few days at DevFest Nantes, and enjoying a bit of the city on Saturday. Reading the feedback made me blush. I am absolutely humbled by the beautiful comments on my presentation. Thank you so much. Probably also the first time anyone called me a tiger 😂 @gdgnantes.bsky.social
October 20, 2025 at 7:38 AM
Back after a few days at DevFest Nantes, and enjoying a bit of the city on Saturday. Reading the feedback made me blush. I am absolutely humbled by the beautiful comments on my presentation. Thank you so much. Probably also the first time anyone called me a tiger 😂 @gdgnantes.bsky.social
Just me spreading some love for CSS ♥️ DevFest Nantes @gdgnantes.bsky.social
October 17, 2025 at 1:27 PM
Just me spreading some love for CSS ♥️ DevFest Nantes @gdgnantes.bsky.social
Wondering how many people will be interested in a CSS talk in English right after lunch in DevFest Nantes. But the stage is ready and the MC as well.
October 17, 2025 at 11:34 AM
Wondering how many people will be interested in a CSS talk in English right after lunch in DevFest Nantes. But the stage is ready and the MC as well.
🚀 There should be a native way to have more than one thumb on a range slider. For this, I need your help. I created a starting point and would love you all to talk about it and give some feedback. It still has a lot of room to grow. Let's slide! 🛝 👍
utilitybend.com/blog/a-nativ...
utilitybend.com/blog/a-nativ...
A native way of having more than one thumb on a range slider in HTML | utilitybend
Accessible and styled multi-handle range sliders in HTML? We should explore this option. And I need your help!
utilitybend.com
October 17, 2025 at 8:49 AM
🚀 There should be a native way to have more than one thumb on a range slider. For this, I need your help. I created a starting point and would love you all to talk about it and give some feedback. It still has a lot of room to grow. Let's slide! 🛝 👍
utilitybend.com/blog/a-nativ...
utilitybend.com/blog/a-nativ...
October 16, 2025 at 3:26 PM
Watching a great talk by @oliverdunk.com just starting some live demos with Built-in AI APIs. The demo gods are behaving so far! 🤞😀💯
October 16, 2025 at 1:32 PM
Watching a great talk by @oliverdunk.com just starting some live demos with Built-in AI APIs. The demo gods are behaving so far! 🤞😀💯
October 16, 2025 at 6:34 AM
Reposted by Brecht De Ruyte
Container queries and CSS make it simple to smoothly transition an element to the other side of its parent container without knowing exact dimensions or distance.
Read more in my latest post: ryanmulligan.dev/blog/transit...
Read more in my latest post: ryanmulligan.dev/blog/transit...
October 13, 2025 at 1:25 PM
Container queries and CSS make it simple to smoothly transition an element to the other side of its parent container without knowing exact dimensions or distance.
Read more in my latest post: ryanmulligan.dev/blog/transit...
Read more in my latest post: ryanmulligan.dev/blog/transit...
Reposted by Brecht De Ruyte
🚀As a case study, I tried to recreate the famous Guess Who game with built-in AI and the Prompt API. It was a really interesting experience, to say the least.
My heart is at CSS & UI, and always will be. However, I do love to experiment with a variety of (web)technologies 😄 Read all about it
My heart is at CSS & UI, and always will be. However, I do love to experiment with a variety of (web)technologies 😄 Read all about it
Build a guessing game with the Prompt API | Blog | Chrome for Developers
My game of Guess Who demonstrates how AI can be used to build thoughtful game logic, and the importance of prompt engineering to get the outcomes you expect.
developer.chrome.com
October 13, 2025 at 7:10 AM
🚀As a case study, I tried to recreate the famous Guess Who game with built-in AI and the Prompt API. It was a really interesting experience, to say the least.
My heart is at CSS & UI, and always will be. However, I do love to experiment with a variety of (web)technologies 😄 Read all about it
My heart is at CSS & UI, and always will be. However, I do love to experiment with a variety of (web)technologies 😄 Read all about it
Reposted by Brecht De Ruyte
The #CSSPodcast is back! 💕🎙️
Join @bram.us and I this season as we talk about a bunch of awesome new CSS features, starting with custom functions and if()
thecsspodcast.libsyn.com/92-css-if-an...
Join @bram.us and I this season as we talk about a bunch of awesome new CSS features, starting with custom functions and if()
thecsspodcast.libsyn.com/92-css-if-an...
The CSS Podcast: 92: CSS if() and custom functions
Welcome back to the new season of the CSS Podcast, where Una and Bramus are your guides, your cohosts, and your CSS best friends. In this episode we dig into two very powerful new CSS features: inlin...
thecsspodcast.libsyn.com
October 13, 2025 at 6:22 PM
The #CSSPodcast is back! 💕🎙️
Join @bram.us and I this season as we talk about a bunch of awesome new CSS features, starting with custom functions and if()
thecsspodcast.libsyn.com/92-css-if-an...
Join @bram.us and I this season as we talk about a bunch of awesome new CSS features, starting with custom functions and if()
thecsspodcast.libsyn.com/92-css-if-an...
🚀As a case study, I tried to recreate the famous Guess Who game with built-in AI and the Prompt API. It was a really interesting experience, to say the least.
My heart is at CSS & UI, and always will be. However, I do love to experiment with a variety of (web)technologies 😄 Read all about it
My heart is at CSS & UI, and always will be. However, I do love to experiment with a variety of (web)technologies 😄 Read all about it
Build a guessing game with the Prompt API | Blog | Chrome for Developers
My game of Guess Who demonstrates how AI can be used to build thoughtful game logic, and the importance of prompt engineering to get the outcomes you expect.
developer.chrome.com
October 13, 2025 at 7:10 AM
🚀As a case study, I tried to recreate the famous Guess Who game with built-in AI and the Prompt API. It was a really interesting experience, to say the least.
My heart is at CSS & UI, and always will be. However, I do love to experiment with a variety of (web)technologies 😄 Read all about it
My heart is at CSS & UI, and always will be. However, I do love to experiment with a variety of (web)technologies 😄 Read all about it