This website uses cookies to provide a better experience, as well as
to analyze the usage of the website. We don't use marketing cookies,
but only google analytics to get to know our audience
Hi, my name is Brecht De Ruyte,
Front-end developer
I'm a self-taught front-end developer and Google
Developer Expert located in Belgium with a passion for
UX and Design. After more than a decade working in tech,
I decided to start a little blog for documenting my
findings about HTML, CSS and JS with an eye on
accessibility and UX.
During the day, you can find me working at iO on a variety of projects. There are a lot of environments
I'm working in, the majority of them being Twig or React.
But my real niche will always be semantics and CSS, especially
now, with the ever fast updates in browser support. It's
a great time to be a front-end developer.
The customizable select - Part three: Sticky Options
In this third episode of my exploration of the customizable select, I thought it was time to show how we can have a little bit of fun with an old friend: sticky positioning. In this article, we’ll be following up on earlier techniques while exploring how we can use the :checked pseudo-class to create a fun open and close effect. We’ll be messing with top-layer functionality, interpolate-size and other trickery to create an emoji picker.
Oklchroma: an OKLCH color pattern generator that generates CSS variables
Sometimes you get inspired by a presentation or an article you’ve read. For me, an inspiration started at CSS Day last year during the opening keynote by Mathias Ott. One of those side projects I kept placing at the bottom of the pile, until I finally had had enough of it. I had to make it. In this article, I’d like to present a little tool, an OKLCH color picker. A tool created by me using CSS, a bit of React and a bit of AI help.
Photography is something I enjoyed for a long time.
It all began with capturing landscapes in Belgium. It truly opened my eyes to the beauty of nature that often lies right on our doorstep.
There's a calming effect to using a camera and experimenting with shutter speed and aperture. It's a form of personal therapy for me.
Most of the images are near my hometown Deinze.
A small city famous for its cycling near the Lys
river. I added some photos on this website as
sort of a "hobby corner". I will update them
from time to time here, as I kinda gave up on the "instagram thing" for photography.