Brecht De Ruyte
@utilitybend.com
1.7K followers 150 following 460 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
Yeah 🙂 equipment based. Lots of fun
Reposted by Brecht De Ruyte
firefoxdevtools.bsky.social
As an experiment, we (the Firefox team) wanted to try a new way to get feedback on which Interop proposals matter most.

So, here's a web app where you can rank the proposals you care about, giving us data we can use when reviewing which ones to champion.

interop-rank.jakearchibald.com
Interop Feature Ranking
Rank the web platform features you care most about
interop-rank.jakearchibald.com
utilitybend.com
Time to change some profile pictures. The hair is a bit more salt & pepper nowadays 🙃
utilitybend.com
To elaborate on that. The first question I can visualize is some technical problems or potential dangers. The second one might have some really interesting cases that could benefit design system engineers.
kilianvalkhof.com
After @utilitybend.com's excellent talk at Frontmania on Engineering CSS I was left with two questions:

1. Why can't @property declarations be declared in a scope, The ability to scope custom props is so powerful this feels like a miss.

2. CSS Functions are great. Can we have typed in- and output?
utilitybend.com
Oh cool. I'll add it to my notes. Thanks for taking a look. It really is appreciated 🙂
utilitybend.com
Interesting. How would before, after and between work? You mean based on thumb then? A change I currently think of is rather a numbered segment instead of child. Eg: ::nth-segment(2)

The benefit is that it's easy to manage no matter the amount of thumbs. For example 4 in my opening hours example.
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.