Brecht De Ruyte
@utilitybend.com
1.7K followers 140 following 450 posts
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
Posts Media Videos Starter Packs
utilitybend.com
I'm at @frontmania.bsky.social watching a talk on local AI with @rowdy.codes wearing a really fashionable hat!
Rowdy with a hat
utilitybend.com
🤔 now that would be interesting. Watching it right now. 🏁
utilitybend.com
It was meant to be. Look at that swan, smiling with glee
Reposted by Brecht De Ruyte
jeroenheijmans.nl
Second at #Fronteers was @utilitybend.com with a presentation about OpenUI, teaching us about a whole bunch of new html and css keywords along the way.
Sketch notes about "The Future of UI is open", various drawings on the page including "A Popover can be anything", and "OpenUI Group", and a handful of new CSS keywords.
utilitybend.com
Ending the talks with @dylanbeatt.ie how to be a rockstar developer. #fronteers #darkmode
utilitybend.com
Rune going into colors to amp up the #darkmode. @fronteers.bsky.social
utilitybend.com
Thorston on sustainable web. #fronteers #darkmode
Reposted by Brecht De Ruyte
bram.us
At #fronteers #DarkMode, @utilitybend.com proposed the HTML Element.

It unlocks the multi-handle range slider, a pattern you might have already seen when picking a price-range.

Feedback Form (with links to the explainer and demos): docs.google.com/forms/u/0/d/...
Brecht on stage showing some of the demos.
utilitybend.com
@bram.us starting his mc role at #fronteers
utilitybend.com
Looking forward to a beautiful evening at @fronteers.bsky.social dark mode. First gotta get some work done tho. Maybe update those slides a bit. They are really spoiling us.
My laptop, next to it there is a card for a hotel room door with Fronteers dark mode on it and text: do not disturb I'm working on my slides
utilitybend.com
I'm sure something can be figured out. As a developer who works at an agency, I know this pattern is so common. It will keep existing no matter what. Clients want this... It would help a lot if there was a standardized way for this. Once again, I like the context menu idea. But that's just me...
utilitybend.com
There are a few options possible. I think Firefox was in favor of adding an extra context menu item. (I am as well for that matter). As interest could also benefit To be on anchor elements, a tap wouldn't really be the best bet here. I wrote about the options recently utilitybend.com/blog/html-po...
HTML popovers shown on interest should be accessible on mobile devices | utilitybend
A new HTML feature, popover=hint, lets developers create hover-triggered popovers. This article is all about the accessibility on touch devices.
utilitybend.com
utilitybend.com
To be fair... Hover commands also work on focus so that name would be ridiculous for quite a vast amount of the population using keyboard navigation. And are we sure that commandfor will always be limited to buttons?
utilitybend.com
Love this, but... That sweet cardboard deserves to be sleeved 😱
Reposted by Brecht De Ruyte
loftio.co.uk
Best use of Comic Sans of the weeeeeek.
A pint of beer sat on an outdoor table. You can see a kayak and buoyancy aid behind. The beer glass has the words "Ay up mi duck" printed on it in the font Comic Sans.
utilitybend.com
I played a golf competition today, it didn't go so well. I'm not good at golf (yet). But I did one hero shot and it made my day! 🏌️ Golf is mostly failure and finding solutions. It's brutal, humbling, it's a shitty, stupid game. Can't wait for the next tee-time! 🙂
Reposted by Brecht De Ruyte
fronteers.bsky.social
What if a frontend conference started at 4PM and kept going until midnight?

🍷 Drinks, vibes, and five great talks
💻 HTML, CSS, sustainability, accessibility & more
📍 Cinema De Witt, Dordrecht
🎟 fronteersconf.org
A promotional banner for “Fronteers Dark Mode”. In the background is a photo of the outdoor terrace of Cinema De Witt in Dordrecht, with people sitting, chatting, and enjoying food and drinks in a cozy, well-lit evening setting. In the foreground, a large yellow speech bubble contains the event text:
“Friday night. Frontend. Fronteers Dark Mode!
Join us on Friday, October 3rd, 2025, at Cinema De Witt in Dordrecht for an intimate evening of frontend talks and community vibes – from 4PM to after midnight.”
utilitybend.com
I also read the positive view by gecko for option 3. Love that ♥️
utilitybend.com
This is not due to not trying by the Chrome team, I've seen the RFC, community feedback efforts. The effort certainly was there and I loved it! I even wrote about it (utilitybend.com/blog/html-po... ) I just hoped for more answers beyond Chrome, more answers or more enthousiasm from other vendors
HTML popovers shown on interest should be accessible on mobile devices | utilitybend
A new HTML feature, popover=hint, lets developers create hover-triggered popovers. This article is all about the accessibility on touch devices.
utilitybend.com
utilitybend.com
I love the pushing forward. But personally I'm still a bit hungry for Touch-device behavior specifics. My reason is the fear that authors will add important information in those popovers. (Even though not a good UX pattern) But I believe popovers should be accessible on touch devices be u default.
utilitybend.com
So nice! On to next year ✨
utilitybend.com
Pim about creative coding. Using canvas and CSS. #iOFrontEnd

Check out his stuff: codepen.io/pimskie