Mastodawn

🚀 I always talk a big game… “you can do this as a progressive enhancement.” Time to put my money where my mouth is! 💸
In recent months, I’ve updated my site with a range of new features. It is rock-solid across all modern browsers and is finally live! With a story 📖: https://utilitybend.com/blog/putting-my-money-where-my-mouth-is-a-redesign-built-on-progressive-enhancement

Putting my money where my mouth is: a redesign built on progressive enhancement | utilitybend

A look at how utilitybend.com was redesigned using progressive enhancement with modern CSS features like view transitions, corner-shape, @property, scroll-state queries, and anchor positioning.

Brecht Feb 12

🚀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! ❤️❤️

It's quite lengthy, but also contains some hot tips 🔥

https://utilitybend.com/blog/css-animation-triggers-playing-animations-on-scroll-without-scrubbing-its-a-match

CSS Animation Triggers: Playing animations on scroll without scrubbing. It's a match! | utilitybend

CSS scroll-triggered animations let you use scroll position to determine when animations play. Combined with scroll-driven animations for the perfect scrollytelling experience. A Valentine's special.

Brecht Jan 28

@brammm on refactoring with rector!

Brecht Jan 28

CSS Day Jan 28

To get in the #cssday mood, here's @utilitybend 's talk from last year:

https://www.youtube.com/watch?v=SsBC0dx0xyM

Styling new HTML UI capabilities - Brecht De Ruyte - CSS Day 2025

YouTube

Brecht Jan 23

🚀 Is it scrolled? Is it not? Let's find out with CSS @container scroll-state() queries. In Chrome 144, this has gotten a little update, so I thought it to be a good time to revisit. #CSS has once again gotten the keys to the state-machine, and it's fantastic!
https://utilitybend.com/blog/is-it-scrolled-is-it-not-lets-find-out-with-css-container-scroll-state-queries

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

Learn how CSS @container scroll-state queries let you detect stuck, snapped, scrollable, and scrolled states without JavaScript. Available in Chrome 144.

Brecht Jan 15

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

https://utilitybend.com/blog/an-update-on-customizable-selects-the-multiple-select

An update on customizable selects: the multiple select | utilitybend

Discover the upcoming multiple select in Chrome Canary. Better mouse and keyboard navigation, plus new styling possibilities with the customizable select.

Brecht Dec 19

🚀❄️ 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. In the past, I did scroll-driven animations and masks, but this time, the corner-shape property in CSS. Happy Holidays, ya'll 🎆

https://utilitybend.com/blog/css-corner-shape-books-talks-and-happy-holidays

CSS corner-shape, books, talks, and happy holidays | utilitybend

My 2025 year in review: 13 conferences, book picks, the struggles and wins, plus a festive CSS corner-shape demo. Happy holidays!

Brecht Dec 4

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://utilitybend.com/blog/why-tailwind-is-great-why-you-might-be-missing-out-and-why-it-isnt-for-me

Why Tailwind is great, why you might be missing out, and why it isn't for me | utilitybend

My honest look at Tailwind CSS: the benefits, the limitations, what you're missing out on, and why writing modern CSS might be the better choice.

Brecht Dec 1

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! It might be a long journey, but every helping hand is welcome :) I'm not a browser engineer, just someone who is sick of seeing hacky, inaccessible solutions for this. We can do better.

Watch the episode here:

https://www.youtube.com/watch?v=rx3gQkRZ4PA

Hobbies, Puzzle Game Circuit, and Web Monetization News (ep693)

YouTube

Brecht Nov 28

🚀 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?
https://utilitybend.com/blog/5-css-debugging-features-i-want-to-see-in-chrome-devtools-holidays-list

#Chrome #DevTools #CSS

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.