Skip to content

Is the sticky thing stuck? Is the snappy item snapped? A look at state queries in CSS

Three purple squares agains a pastel background, the middle square has some comic explosion lines on it and reads snap

Oh, how I wanted to write this title for some time! I have Googled these questions before when working with sticky positioning and scroll snapping. It looks like we are finally getting an answer to these questions in the form of CSS state queries and I have been eagerly waiting to play around with this since CSS Day 2023. In this article, I want to show a few first impressions and demos I created with state queries in CSS and Scroll Snap events in JavaScript.

Read moreabout Is the sticky thing stuck? Is the snappy item snapped? A look at state queries in CSS

A spec update on CSS anchor positioning

A boats anchor agains a futuristic background with rectangle patterns, with text updated on it

The CSS Working Group (CSSWG) has recently introduced changes to the anchor positioning spec in CSS. I've focused on anchoring in previous articles and to maintain accuracy, I will be updating an older article (just this once). This article will highlight the specific name changes and their corresponding Chrome release dates.

Read moreabout A spec update on CSS anchor positioning

It’s Time To Talk About “CSS5”

Smashing Magazine

Have you ever wondered what happened after CSS3? The W3C CSS-Next community group is actively searching for better approaches for how we describe the evolution of CSS over time and identify feature sets as effectively as we did with CSS3 way back in 2009 — and you can help.

Read more about It’s Time To Talk About “CSS5” (Smashing Magazine)

Time for a little break - summer 2024

The last few months have been crazy. I had a blast visiting conferences, speaking at meetups, and working on new things. But now it’s time to recharge some of those batteries and have some family time. In this article a little throwback of the last month or so and some of my holiday plans.

Read moreabout Time for a little break - summer 2024

An update on invokers: Invoker commands in HTML

Open UI logo with text invokers below it

One thing I’ve learned over the last year is to deal with changes in explainers and specs and that naming things is hard. In this update on Invokers, I will cover the new syntax and the new name: Invoker Commands. Once again giving you some control over interaction with HTML from opening dialog elements to creating custom counter buttons and video controls.

Read moreabout An update on invokers: Invoker commands in HTML

This was CSS Day 2024 - the 10th edition

iO tech_hub

Another year, another CSS Day. I’m always happy to return to Amsterdam for this occasion, It’s one of the things I look forward to every year. So naturally, I’m happy that iO still allowed me to go there with my training budget, and the least I could do, is write a summary of this event on the tech_hub.

Read more about This was CSS Day 2024 - the 10th edition (iO tech_hub)

Let’s hang! An intro to CSS Anchor Positioning with basic examples

A boats anchor agains a futuristic background with rectangle patterns

The CSS anchoring API is something that I’ve been following for at least a year now, and I’m happy to see that the first level is fully specced. Even though there are still some shortcomings that I’ll cover in this article as well, the available things look pretty solid and will help us a lot in creating some complex layout structures. Besides that, they are very much needed for the future of the HTML Popover API and stylable selects.

Read moreabout Let’s hang! An intro to CSS Anchor Positioning with basic examples

Modern CSS Layouts: You Might Not Need A Framework For That

Smashing Magazine

It’s easy to get lost in a sea of CSS frameworks and libraries, each promising easier styling and smoother layouts. But amidst this abundance, the modern CSS features we have today offer simpler and more flexible approaches without the added dependencies or abstractions. In this article, I demonstrate four CSS utility classes (plus a bonus) using techniques that allow them to be used practically anywhere you need a particular layout — be it Grid or Flexbox — with configurable options.

Read more about Modern CSS Layouts: You Might Not Need A Framework For That (Smashing Magazine)

Invoking elements by using only HTML: A first look at invokers

Open UI logo with text invokers below it

Wouldn’t it be cool if we could click on a button to open a modal with just HTML? How about those file input elements? Imagine that creating a custom play button for video controls would be an easy thing to do. How about custom counter buttons for a number input? This is where the idea of invokers comes in. It’s currently available behind a flag to play around with and it’s definitely one of the most exciting advances in HTML to look out for.

Read moreabout Invoking elements by using only HTML: A first look at invokers

Why I care about a Google Developer Expert certificate and Web communities

Google Developer Experts logo

A few weeks ago, a cool little package was delivered to my home. When I opened it I couldn’t stop smiling, it was a Google Developer Expert certificate to hang on my wall. But why did this make me so happy? Well,... it’s all about being self-taught and believing that communities are important. In this (non-technical) article, I’d like to share some thoughts about communities, what they gave me, what I hope to return, and what scares me.

Read moreabout Why I care about a Google Developer Expert certificate and Web communities