🚀I wrote a random() thing 🤭 do check it out. When I first heard about random(), I had no idea what to think of it. So, this blogpost is actually me trying to make sense of it and hopefully, me documenting this can help you make sense of it as well 😊 https://www.smashingmagazine.com/2026/10/embracing-playful-imperfection-css-random-function/
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 (especially with typography). To be complete, I also added syntax info, tips, and tricks. Happy scrolly!
🚀 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://utilitybend.com/blog/5-years-of-blogging-on-utilitybend
🚀 Container style queries are baseline; New attr() capabilities are nearly there. Neat apart, but together they change how we can wire up components. Practice will make perfect, and I still need to rewire my brain for this combo. So, time to start that rewire.
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. I tried to be complete and honest. It's not magic, but in time, it might just make the web a little bit better.
https://utilitybend.com/blog/modern-web-guidance-antigravity-and-my-own-design-token-skills
🚀 🧑💻 My CSS Day recap on the iO tech_hub. Thank you to iO for letting me stay in Amsterdam with my training budget. 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://techhub.iodigital.com/articles/this-was-css-day-2026-a-dive-in-css-geekism
🚀 New article about a landscape change. I feel like I had to try this, so I also shared some thoughts on it: I experimented with bringing my blog’s visual identity into ChatGPT via MCP + a custom widget.
Just tinkering...
I wondered: Is there value in this? Is this the future? probably not, but I've created UI in so many environments, why not try this one as well... In the end, I'm a UI developer, creating beauty on the web is the job
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; without it, I won't be able to move forward.
https://utilitybend.com/blog/rangegroup-needs-you-community-feedback-and-a-call-for-browser-support
🚀 A little while ago, I released an article on my blog redesign as a progressive enhancement. A few people DM'd me after that, asking for more info on the architecture. Well, it sure isn't perfect, and I'll surely tinker more on it, but I wrote about how I did the new CSS Architecture 🤓
https://utilitybend.com/blog/under-the-hood-a-closer-look-at-the-css-architecture-behind-the-redesign
🚀 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
🚀 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
🚀 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
🚀 There should be a native way to have more than one thumb on a range slider. For this, I need your help. I created a starting point and would love you all to talk about it and give some feedback. I am not a browser engineer, and my hope is that this gets picked up by people who can help this move forward. It still has a lot of room to grow. Let's slide! 🛝 👍
https://utilitybend.com/blog/a-native-way-of-having-more-than-one-thumb-on-a-range-slider-in-html
🚀As a case study, I tried to recreate the famous Guess Who game with built-in AI and the Prompt API. It was an exciting 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 at Chrome for Developers
🚀A new HTML feature, interestfor, allows for hover-triggered popovers. But how do they work on touch? The article shows different solutions for making them accessible on touch devices, and my thoughts on them. Share your thoughts! #HTML #webdev #accessibility #openui
https://utilitybend.com/blog/html-popovers-shown-on-interest-should-be-accessible-on-mobile-devices
🚀 New article: My latest article on styling select elements is all about option groups. Categorizing options has never been this much fun, and I built a restaurant dish picker to demonstrate it. 🍽️ . Also added a demo for a seasonal emoji picker ❄ Read it here:
https://utilitybend.com/blog/the-customizable-select-part-five-optgroup-creating-a-true-select-menu
I would never consider myself a natural speaker... I always feel I have a long way to go. Speaking at CSS Day was sort of a dream come true, something I never imagined possible. I thought I should write about this experience in a personal heartfelt article:
https://utilitybend.com/blog/css-day-2025-a-little-story-by-a-little-man-on-quite-a-big-stage
🚀 Never thought I’d write an article with the term “Sticky options” in it, but here we are. How to create a fun sticky option effect with the customizable select 🕸️. I love it when these new CSS features come together. 😍
https://utilitybend.com/blog/the-customizable-select-part-three-sticky-options
🎉🚀Happy to say my new @smashingmag article is online. Having trouble with those top-layer entries and animating the display property? I hope that this step by step helps you out: Transitioning Top-Layer Entries And The Display Property In CSS
https://www.smashingmagazine.com/2025/01/transitioning-top-layer-entries-display-property-css
New article 🚀 "Added to my CSS reset: interpolate-size, the quality-of-life feature we all wanted at some point" The power of animating from 0 to auto has never been so easy and I made this one-liner of CSS a foundation for every new project.
It's all about progressive enhancement. I believe we probably don't do enough of that. Which is why this article focusses on practical use-cases that you can use today. Why wait? Building the web for tomorrow, starts today