Brecht De Ruyte
@utilitybend.com
1.7K followers 150 following 470 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
On my way to DevFest Nantes. Zebra style. #GDE
Reposted by Brecht De Ruyte
ryanmulligan.dev
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...
Reposted by Brecht De Ruyte
utilitybend.com
🚀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
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
utilitybend.com
Sorry for your loss and wishing you strength during this period of grief. ♥️
utilitybend.com
Also, the first time I publish something on @developer.chrome.com 😍
utilitybend.com
🚀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
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
utilitybend.com
The thing is. I really appreciate cinema as an art form. When I studied film we had to go to the cinema once each month looking at silent movies like "the general" with live piano. I should do it again sometime. I loved that.
utilitybend.com
I'm a big advocate in creating stupid and weird stuff on the web. The web is supposed to be fun! You go lex! 💯😁
utilitybend.com
Watching some good old cinema front from time to time. Usually this happens in fall. This time I'm re-watching some of my favourites growing up. Quentin Tarantino and Oliver Stone movies. The choice to shoot on 35mm film is really something... The color and the drama it brings. Lost art form? 🤔
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