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.
Stylish holidays! Creating a scroll-driven Christmas tree in CSS
Every year, I create a little demo right before the holidays as a CSS greeting card. This year is no different. To celebrate the end of the year and all those new amazing features that came into CSS, I decided to let myself go a little with new CSS techniques. A sort of recap of things I learned and put them in one little CodePen. This time, I’m combining scroll-driven animations, anchoring, and @property in CSS.
Added to my CSS reset: interpolate-size, the quality-of-life feature we all wanted at some point
How can I animate from 0 to auto? I have a fixed width and want it to transition to the width set by its children. How do I do that? These CSS questions have been asked many times on platforms such as Stackoverflow, and I’ve certainly done some searching for those exact questions. I can’t count the number of max-width hacks or JavaScript solutions I’ve used to transition from 0 to auto. No more! I’m done, and for now, I’m going full progressive enhancement. In this article, I’d like to cover some of the benefits you get from adding the new interpolate-size property in your CSS Reset.
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.
