Blog about coding, design, UX and other front-end happiness

Advanced Form Control Styling With Selectmenu And Anchoring API

1 Jun 2023

Thanks to the Open UI working community group, there's a new element on the horizon, the selectlist, that will make styling this type of form control a whole lot better. Let's use this element to creating a pattern that you would never have thought possible with CSS alone - a radial selection menu.

The button case - Using custom properties for a smart button system

24 May 2023

Recently, I've created a presentation named “so, you're still not using custom properties?” In this article, I want to highlight a part of that presentation. Custom properties have been available to us for quite some time now. And creating a smart button design system is just one of the many things where they can shine.

Chrome DevTools tricks that deserve a spotlight

25 Apr 2023

A lot of developers use Chrome as their main browser and I'm one of them. There are a few tricks in Chrome DevTools that don't seem to get enough attention. So for this article, I wanted to highlight some of the features that I love and actually use in DevTools, that some of you might not know about.

Open UI and the Popover API

21 Mar 2023

If it pops, it belongs in HTML and CSS! Lately, I had a lot of fun playing around with this upcoming feature. The first version is being developed and it's starting to look pretty good. It's time to handle our basic popovers without the explicit need of JavaScript.

For the love of scroll driven animations in CSS

14 Feb 2023

Animating elements while a user scrolls the page is a popular practice on the web. With scroll-timeline and the scroll function available in Chrome Canary, we get a nice preview on how these scrolling animations in pure CSS will work. The perfect time to create some demos and play around with it.

We've only scratched the surface with :has()

30 Jan 2023

The :has() pseudo class is really a powerhouse. There are so many cool and amazing demos being released everyday showing how it can solve everyday problems and how it can replace actions we did in JS for years. In this short article: Some extra things I look forward to when playing around with it.

Creating A High-Contrast Design System With CSS Custom Properties

26 Jan 2023

Design should never be a trade-off when it comes to creating an accessible web. There are many features coming to the web that will make creating contrast a lot easier. But even though CSS functions such as color-contrast() are only available in Safari behind a flag, we can already do a lot to create contrast in an easy way by using custom properties.

Recap of the year, some thanks and best wishes for 2023

24 Dec 2022

As we’re slowly entering the end of the year, it’s the perfect time for a little recap. I started this blog somewhere near the end of 2021 and continued this journey in writing about the web in 2022. Some important lessons learned, goals achieved and ideas for the future made.

Why you should be using new CSS features today

12 Dec 2022

Unless you have no affinity with CSS at all, you should have noticed that new CSS features are skyrocketing like never before. How can we use these new playthings today? I wrote a miniseries about this on the iO tech_hub.

Age 35: slowly becoming an "old developer"

21 Nov 2022

I’ve turned 35 years old and that gives me the excuse of playing the old geezer for a bit…, just for a day… maybe? Not a technical topic this time, just me reminiscing of what I miss of my early days of development, what I’m worried about, and how I see the future. Before I bore you with too many blasts from the past, let’s get those away right now.

Manage Cookies