Kevin Pennekamp articles - 20 total
A nth-child CSS trick
Sometimes you figure out a cool trick that just feels so powerful. It opens you up to a range of new...
Creating a stacked bar chart using only CSS
In various projects, I always seem to struggle with responsive charts. These libraries generate...
Authentication token management
In several large projects (React-based SPA applications) managing authentication tokens is a...
Code stability and interdependencies
As engineers, we have the tendency to over-engineer our solutions, make our code as reusable as...
Demystifying state management
State management is one of the most complicated, and opinionated topics in modern and...
Horizontal centering in CSS
In a previous article I wrote about modern CSS layout solutions. As horizontal centering is a common...
Creating an auto-layout algorithm for graphs
In the last few months I worked on a finite state machine editor build on React Flow. At a certain po...
Binding CSS and JavaScript with HTML data-attributes
My CSS architecture is based on CUBE CSS. One of the layers of CUBE CSS describes exceptions. Althoug...
CSS methodology and architecture
For years I have used ITCSS as my goto CSS architecture for large projects. It helped me to keep my C...
Getting my SvelteKit website on Netlify
After tackling the development of a SvelteKit version of my website, it is time to get it running in...
Converting my Gatsby website to SvelteKit
For the last few weeks or months, I was getting restless about everything: my work, my website, the e...
Modern CSS grid solutions to common layout problems
Layout and composition are some of the most challenging topics within CSS. Especially when you have t...
Fluid interfaces using CSS
Responsiveness should be a core feature of any website. Screen-sizes are both growing and shrinking....
Demystifying how components work
In complex applications, UI components consist of more building blocks than some state and UI. Before...
Going 'reliability first' in 2020
Another year, and another big list of applications broken by datetime bugs. And what do you think? It...
How do you find motivation to get your side projects going?
I am doing web development for over 10 years. It all started with a free university license of Photos...
How to create a scalable and maintainable front-end architecture
Modern front-end frameworks and libraries make it easy to create reusable UI components. This is a st...
An ode to the CSS owl selector
It is not a secret that I love CSS. A few years ago I fell in love with a very simple, but powerful C...
Interfacing your UI components
In recent years, front-end development became an important part of my life. But when I started years...
The UX design process for engineers
As a software engineer, it sometimes can be difficult to understand what UX designing is. Is it the s...