Kevin Pennekamp

At the beginning of this year (2026) I assumed a new role of "Head of Technical Innovation" within Finaps.

Ah, the button.

Not too long ago, I came across a post about a sticky revealing footer.

I am a big fan of Andy Bell's "Be the browser's mentor, not its micromanager.

Some of you know by now that I am a sucker for nice CSS tricks.

A week or two ago a colleague of mine hit a weird issue that showed me the importance of shipping source code as a library maintainer.

I like the hover effect on the MacOS dock.

Yesterday I saw an interesting question posted on Reddit.

Two of the quirkiest and most fun CSS tricks I have discovered have to do with counting.

Yesterday my wife (also a front-end developer) came to ask for my help with something.

For years I have seen services workers as this magical concept for making progressive web apps.

All these years I was telling people I was doing CSS, and enjoying CSS, I was lying.

More often I feel like an ‘old man yelling at a cloud’ when it comes to front-end development.

With the support of the CSS clamp() function, a whole new range of fluid layout possibilities are available to us.

I always love solutions that allow me to achieve the same results where others choose for media queries.

Recently I shared a nice CSS trick allowing you to use a CSS custom property indicating the index of an element.

Update August 2023: When archiving older articles, like this, I have decided to combine some findings from that article into this one.

Sometimes you figure out a cool trick that just feels so powerful.

In various projects, I always seem to struggle with responsive charts.

In July 2021 I wrote an article about an auto-layout algorithm I needed for the visual state machine editor.

Recently I had to implement a very simple feature for the HR application Humaps.

In the beginning of 2022 I've updated this article with the sections 'Owls v.s. flex-boxes' and 'What about performance'.

For years I have used ITCSS as my goto CSS architecture for large projects.

I am a big fan of the SWR package of Vercel when working with React.

Update June 2023: added a section outlining what my current approach is.

In several large projects (React-based SPA applications) managing authentication tokens is a challenge.

As engineers, we have the tendency to over-engineer our solutions, make our code as reusable as possible.

In a previous article I wrote about modern CSS layout solutions.

In the last few months I worked on a finite state machine editor build on React Flow.

My CSS architecture is based on CUBE CSS.

Layout and composition are some of the most challenging topics within CSS.

In complex applications, UI components consist of more building blocks than some state and UI.