Brecht De Ruyte

In the previous part of this article, I tried to tickle your brain a bit to unleash your curiosity and drive your determination to try some new CSS features today. That's exactly what I'll be doing in this part, writing some new stuff today so you can slowly polish new CSS skills very sneaky and hidden in the code, like a ninja.

Why you should be using new CSS features today - part 2

Unless you have no affinity with CSS at all or have been living under a rock for the last year, you should have noticed that new CSS features are skyrocketing like never before. Although this is a good thing, it might get frustrating to get a grasp on all these new playthings because every time you add something new in your styling toolbox, the next best thing is just around the corner.

Why you should be using new CSS features today - part 1

The :has() relational pseudo class has landed in Chrome and Safari and even though it gets less hype than for instance container queries, I believe this little pseudo class contains a lot of improvements to the way we write CSS today.

Practical uses of the :has() relational pseudo class

After a long break because of Covid-19, CSS Day is back. In a new location at the Zuiderkerk in Amsterdam. Once again trying to create the perfect line-up for everything design and CSS, and boy, they delivered just that.

CSS Day 2022: A small recap

How should scroll snapping tabs behave when using keys? By reading some best practices, I believe I found an elegant solution.

Using best practices to create CSS scroll snapping tabs

In this fast-paced presentation packed with demos, We will be taking a bit of a deeper dive into the has() relational pseudo class, moving on to animating things based on scroll with animation-timeline and finally ending with a short introduction on Open-ui and the anchoring API.

Brecht De Ruyte

Articles by Brecht De Ruyte

Why you should be using new CSS features today - part 2

Why you should be using new CSS features today - part 1

Practical uses of the :has() relational pseudo class

CSS Day 2022: A small recap

Using best practices to create CSS scroll snapping tabs

Talks by Brecht De Ruyte

I can has() timeline UI?