September 14, 2021

Interdependencies and code stability

As engineers, we have the tendency to over-engineer our solutions, make our code as reusable as possible. We make our code DRY. But in this quest, we often create unstable code.
August 25, 2021

Demystifying state management

State management is one of the most complicated, and opinionated topics in modern and JavaScript-focused front-end development. Let's make it easier.
June 20, 2021

Horizontal centering in CSS

Horizontal centering is an ancient problem in CSS. With CSS Grid we are able enhance this layout pattern. But, this gives us other issues. Let's find a better solution.
June 16, 2021

Engineering, UX design and agile

In agile we focus on the delivery of solutions. As this is the playing field of engineers, UX designers get left behind. However, we should seek more alignment with them.
June 10, 2021

Creating an auto-layout algorithm for graphs

Trying to automatically lay out a visual graph (e.g. state machine) that is human understandable is one of the most fun challenges I have ever encountered. Let me explain how I did it.
April 22, 2021

Binding CSS and JavaScript with HTML data-attributes

HTML data-attributes allow you to bind CSS and JavaScript more closely to each other. By utilizing this type of attribute, you can reduce the amount of JavaScript required for styling, and move this responsibility back to CSS.
April 14, 2021

CSS methodology and architecture

In the last two years, I found that my CSS architecture was becoming too complex. But, utility-first frameworks were not doing it for me either. I needed a mix, I needed utility-enabled. Then came CUBE CSS and it all clicked.
April 7, 2021

Deploying my newly created SvelteKit website

After the local transition of Gatsby to SvelteKit was finished, it was time to get the website live! But did I manage to get it there?
April 7, 2021

Journey from Gatsby to SvelteKit

Recently I rebuild my website in SvelteKit, coming from Gatsby. Not only did I had to learn a new framework/format, I also jumped the gun and moved from a stable environment to a public beta!
July 6, 2020

Modern CSS grid solutions to common layout problems

Responsive layouts are one of the more complicated problems in CSS. With the addition of CSS grids, we are now able to solve complex problems.
June 27, 2020

Fluid interfaces using CSS

Fluid interfaces allow you scale elements of your website based on on the available space, without using media-queries
January 12, 2020

Demystifying the component architecture

Our little UI components do more for us than we give them credits for. Their internals are more complex than we know.
January 1, 2020

2020 New year's resolution

A new year with the focus on reliability, resilience and stable architecture.
November 11, 2019

How to create a scalable and maintainable front-end architecture

A modern architecture for digital enterprises build on existing ideas, but let you scale quickly
August 29, 2019

How do you find motivation to get your side projects going?

Keep learning something new on each iteration of your side project to keep yourself motivated
July 26, 2019

An ode to the CSS owl selector

One off the most beautiful CSS selectors is the Lobotomized Owl Selector of Heydon Pickering
July 19, 2019

Interfacing your UI components

Interfaces are everywhere, for users and developers, so why not use them?
July 5, 2019

The UX design process for engineers

How can we work together with UX designers? Their process has more in common with ours than we know