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...
Barbecue, D&D, and UI. This episode is packed with my favourite things. But one thing I'm extremely happy about is that @shoptalkshow.com talked about from #OpenUI. Thank you for the nice words as well! Let's make this happen (even if it is in 2030). www.youtube.com/watch?v=rx3g...
Hobbies, Puzzle Game Circuit, and Web Monetization News (ep693)
YouTube video by ShopTalk Show
www.youtube.com
December 1, 2025 at 3:54 PM
Barbecue, D&D, and UI. This episode is packed with my favourite things. But one thing I'm extremely happy about is that @shoptalkshow.com talked about from #OpenUI. Thank you for the nice words as well! Let's make this happen (even if it is in 2030). www.youtube.com/watch?v=rx3g...
Reposted by Brecht De Ruyte
How to use #CSS to fix the irradiation illusion /
How to adjust perceived font weight in dark mode without layout shift
nerdy.dev/adjust-perce...
How to adjust perceived font weight in dark mode without layout shift
nerdy.dev/adjust-perce...
Using CSS to fix the irradiation illusion · November 29, 2025
How to adjust perceived font weight in dark mode without layout shift
nerdy.dev
November 29, 2025 at 9:52 PM
How to use #CSS to fix the irradiation illusion /
How to adjust perceived font weight in dark mode without layout shift
nerdy.dev/adjust-perce...
How to adjust perceived font weight in dark mode without layout shift
nerdy.dev/adjust-perce...
🚀 I made a holiday wishlist for DevTools in November! Because I can 😀 What's the thing you'd like to see to simplify your CSS/layout debugging?
utilitybend.com/blog/5-css-d...
#Chrome #DevTools #CSS
cc @developer.chrome.com
utilitybend.com/blog/5-css-d...
#Chrome #DevTools #CSS
cc @developer.chrome.com
5 CSS debugging features I want to see in Chrome DevTools - Holidays list | utilitybend
A wish list of 5 CSS debugging features I want to see in Chrome DevTools, from better positioning tools to scroll-driven animations panel and design tools integration.
utilitybend.com
November 28, 2025 at 1:46 PM
🚀 I made a holiday wishlist for DevTools in November! Because I can 😀 What's the thing you'd like to see to simplify your CSS/layout debugging?
utilitybend.com/blog/5-css-d...
#Chrome #DevTools #CSS
cc @developer.chrome.com
utilitybend.com/blog/5-css-d...
#Chrome #DevTools #CSS
cc @developer.chrome.com
And all the way from Switzerland we have Yves, giving us a look into Loch Ness CMS. @devs.gent
November 26, 2025 at 7:49 PM
And all the way from Switzerland we have Yves, giving us a look into Loch Ness CMS. @devs.gent
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