Brecht

GDE | Front-end Developer @iodigital_com | Father | Geek | Writer. Only using X as article dump (no replies). find me on Bluesky as @utilitybend.com

[Smashing Magazine 🇺🇦 🏳️‍🌈 @smashingmag]

🎲 In design, we obsess over consistency, grids, and alignment. So where does randomness actually fit? Through a bunch of playful demos, @utilitybend shows how the new CSS random() function brings a little imperfection to the web without JavaScript libraries or generating mountains of static CSS: https://t.co/ceXnAAMg9a

[Brecht @utilitybend]

A candidate for Interop 2027: Scroll-Triggered Animations, the missing key to scrollytelling in CSS. I wanted to create demos showing how to wire them up and easily create fun effects.

https://t.co/XmSybV5nxf

[Greg Whitworth @gregwhitworth]

🎉We're prototyping native <rangegroup> in @MicrosoftEdge. Based on the great work that @utilitybend and @openuicg have been doing. Take the web component prototype for a test-drive and let us know your feedback. https://t.co/bpDMTS8OxU

Explainer is here: https://t.co/38Jh7hW9Ac

[Brecht @utilitybend]

🚀 5 years of blogging and spreading a bit of joy for development. The landscape might be changing, but I will keep writing about it. A short reminder of where the name came from, what I've learned, and just my thanks to all those who supported me
🎂 🥳
https://t.co/pZlavlivbI

[Brecht @utilitybend]

🚀 Container style queries are baseline; New attr() capabilities are nearly there. Neat apart, but together they change how we can wire up components. #CSS #HTML #webUI
https://t.co/a3KeznMrm5

[Brecht @utilitybend]

I was going to do a short post on Modern Web Guidance; it turned into a huge deep dive. Here's what it does, why it raised eyebrows, and on-point information with truth bombs.

https://t.co/ydYbB7OvNK

[Brecht @utilitybend]

🚀 🧑‍💻 My CSS Day recap on the iO tech_hub. Fourteen talks, two days, one church, Lea on gamut, Jake on the <select>, Lyra’s x86 CPU, Niels’s DOOM CSS, Una on modern UI, and many more. This was CSS Day 2026

https://t.co/KMKiDzdWii

[Brecht @utilitybend]

🎉Mini article. I turned the styling of my code snippets on the blog to a proper theme that you can use 😇 I already had a version of them in my editor, so I thought... why not share them? https://t.co/o6N7XlF0n7

[Brecht @utilitybend]

An update on <rangegroup>: I shared anonymised feedback from the form, what changed in the explainer (e.g., disabled state), and why I still need you to make noise. Community feedback is priority number 1 at this point.
https://t.co/CGeCn4IYUH

[Brecht @utilitybend]

@_chenglou Cool stuff, but for this demo not needed (quick and dirty version, could make it shorter) https://t.co/79ctZmGIFP 😊

[Smashing Magazine 🇺🇦 🏳️‍🌈 @smashingmag]

✨ Once upon a time, rounded corners meant five background images. Then border-radius arrived. Now, the corner-shape property takes CSS corners one step further, opening the door to beveled, scooped, and squircle corners: https://t.co/2gEv9SVivY

[Brecht @utilitybend]

Time to put my money where my mouth is! 💸
In recent months, I’ve updated my site with a range of progressive enhancements. It is rock-solid across all modern browsers and is finally live! With a story 📖: https://t.co/NSWvGbY72w

[Brecht @utilitybend]

🚀Do we like scroll-driven animations? yes! Do we want scroll-triggered animations? Also yes! Would it be cool to combine them? Ow hell yes! And that's just what I did in this year's Valentine's article, enjoy! ❤️❤️

https://t.co/NRDyFFft21

[Brecht @utilitybend]

🚀 Is it scrolled? Is it not? Let's find out with CSS @container scroll-state() queries.

https://t.co/2sVwKNbxZD

[Brecht @utilitybend]

🚀 I didn't think I'd start the year with another demo on customizable select, but people should know about the upcoming things. The multiselect might still be a bit further down the road, but the size attribute updates should be shipped with Chrome 145.😍
https://t.co/tPj1Ws8FXw

[WebExpo Conference - May 26-28, 2027 @webexpo]

@utilitybend If you like exploring browser boundaries and finding out how far native HTML and CSS can really go, this one’s for you. 🌎 https://t.co/CED0EkNi3C

[Brecht @utilitybend]

🚀❄️ Yep, another "holidays" blog article. As tradition, I always try to create a little "happy holidays" card as well, with something new and shiny in CSS. This time, the corner-shape property in CSS. Happy Holidays, ya'll

https://t.co/SjgKD0P3YZ

[Smashing Magazine 🇺🇦 🏳️‍🌈 @smashingmag]

✨ CSS Wrapped 2025 is out! We’re entering a world where CSS can increasingly handle logic, state, and complex interactions once reserved for JavaScript.

↬ Here’s an unpacking of the highlights and how they connect to the broader evolution of modern CSS:https://t.co/Iu4BfU1y2J

[Brecht @utilitybend]

I've been working a bit with Tailwind lately, and without jumping into a rage article, I took some time to gather my thoughts. It's not my favourite tool, but why? Here is an honest article on that:
https://t.co/N81jyt3NF8

[Brecht @utilitybend]

Barbecue, D&D, and UI. This episode is packed with my favourite things. But one thing I'm extremely happy about is that @ShopTalkShow talked about <rangegroup> from #OpenUI. Thank you for the nice words as well! Let's make this happen. https://t.co/tHSl0MsifD