Kilian Valkhof

Building tools that make developers awesome.

Prefers-contrast: forced is a mistake

CSS & HTML, 8 February 2021

CSS Media Queries Level 5 is coming and though it’s still heavily in progress, there is a particular new option that feels like a mistake in the making to me: prefers-contrast: forced. I’ll explain why I feel that way in this article.

Includes, contains or has. Finding things in iterables (lists) in JavaScript

Javascript, 29 January 2021

When writing JavaScript, very frequently I need to check if a given thing exists in a list of things. Every single time I need to look up the function that does that for the sort of list I’m working with.

You see, there are three possible options: includes(), contains() and has() and I mix them up all the time. So I’m writing this for my own reference.

Re-Creating the Porky Pig Animation from Looney Tunes in CSS

CSS & HTML, 28 January 2021

Last December I wrote an article in Dutch for the Fronteers blog on a fun bit of CSS I wrote that use 3D transforms to create a cool looking effect: Porky Pig coming out of those red rings announcing the end of a Looney Tunes cartoon. At the time, I was creating a resource of 3D transforms examples so it was on my mind, and I decided to see if I could replicate that ‘coming out of the circles’ effect. Turns out I could!

You want overflow: auto, not overflow: scroll

CSS & HTML, 4 January 2021

Every now and then a web developer using a Mac discovers that their beautiful design is littered with scroll bars on other platforms. Either because someone points it out to them or because they attach a mouse to their laptop, both of which make the scroll bars appear.

I want my own media queries in browsers

CSS & HTML, Web, 19 October 2020

We’re on the verge of a whole lot of new CSS media queries becoming available. But if you’re a developer that wants to get a head start and try them out, you’re out of luck. Browsers are prototyping them one by one before making them available and we as developers have to wait.

Polypane browser for responsive web development and design Hi, I'm Kilian. I make Polypane, the browser for responsive web development and design. If you're reading this site, that's probably interesting to you. Try it out!

I develop more software and tools:

Superposition

Use the design system you already have

FromScratch

A cross-platform, simple and smart autosaving scratchpad.

A Messenger Adventure!

Go on a text adventure in Facebook Messenger.

Electron
Newsletter

The latest Electron news, articles, apps and interviews.

Trimage

Drag-and-drop lossless compression of PNG and JPG images for web.

Messenger Demo Viewer

Demo your (bot) interactions on Messenger.