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.
Styling siblings with CSS has never been easier. Experimenting with sibling-count and sibling-index
If I were to divide CSS evolutions into categories, then last year was probably the year that ended with animations and colors getting better; This year, the end of the year seems to be about those ease-of-life features. We had one of those not that long go with :has(), but with things such as sibling-count, sibling-index, functions, and conditionals, the way we write CSS might just change for the better once again. In this article, I want to dip my toe in sibling-index() and sibling-count(), while also carefully adding some functions in the mix.
HTML popovers shown on interest should be accessible on mobile devices
A little while ago, in Chrome 133, a feature called popover=”hint” landed in the browser. This feature paved the way to something bigger, more specifically, popovers being triggered on hover/focus. This comes with a new attribute “interestfor” and some CSS properties to change the delay speed when showing popovers using that method. There still isn’t much definitive on how this should behave on devices without hover capabilities, and that’s what this article is all about. I want to make sure the content of these popovers is accessible on touch devices.
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.