DEV Community

Kilian Valkhof profile picture

Kilian Valkhof

Building https://polypane.app to help every developer and designer build better websites, faster.

ðŸ”Ĩ āļ‚āđˆāļēāļ§āļ”āđˆāļ§āļ™: kilianvalkhof - āļŠāļĢāļļāļ›āļ”āļĢāļēāļĄāđˆāļēāļĨāđˆāļēāļŠāļļāļ” The Netherlands ðŸ”Ĩ āļ‚āđˆāļēāļ§āļ”āđˆāļ§āļ™: kilianvalkhof - āļŠāļĢāļļāļ›āļ”āļĢāļēāļĄāđˆāļēāļĨāđˆāļēāļŠāļļāļ” Joined on  ðŸ”Ĩ āļ‚āđˆāļēāļ§āļ”āđˆāļ§āļ™: kilianvalkhof - āļŠāļĢāļļāļ›āļ”āļĢāļēāļĄāđˆāļēāļĨāđˆāļēāļŠāļļāļ” https://kilianvalkhof.com ðŸ”Ĩ āļ‚āđˆāļēāļ§āļ”āđˆāļ§āļ™: kilianvalkhof - āļŠāļĢāļļāļ›āļ”āļĢāļēāļĄāđˆāļēāļĨāđˆāļēāļŠāļļāļ” ðŸ”Ĩ āļ‚āđˆāļēāļ§āļ”āđˆāļ§āļ™: kilianvalkhof - āļŠāļĢāļļāļ›āļ”āļĢāļēāļĄāđˆāļēāļĨāđˆāļēāļŠāļļāļ”

Work

User experience developer at Polypane

Seven Year Club
Six Year Club
Five Year Club
Writing Debut
Four Year Club
1 Week Community Wellness Streak
Three Year Club
Two Year Club
One Year Club
HTML Form Inspector: inspect and debug your forms online

HTML Form Inspector: inspect and debug your forms online

1
ðŸ”Ĩ āļ‚āđˆāļēāļ§āļ”āđˆāļ§āļ™: kilianvalkhof - āļŠāļĢāļļāļ›āļ”āļĢāļēāļĄāđˆāļēāļĨāđˆāļēāļŠāļļāļ”
4 min read

Want to connect with Kilian Valkhof?

Create an account to connect with Kilian Valkhof. You can also sign in below to proceed if you already have an account.

Already have an account? Sign in
Black Friday 2024: Save 25% on Polypane

Black Friday 2024: Save 25% on Polypane

6
ðŸ”Ĩ āļ‚āđˆāļēāļ§āļ”āđˆāļ§āļ™: kilianvalkhof - āļŠāļĢāļļāļ›āļ”āļĢāļēāļĄāđˆāļēāļĨāđˆāļēāļŠāļļāļ”
2 min read
Polypane 20: Browser features and performance

Polypane 20: Browser features and performance

4
ðŸ”Ĩ āļ‚āđˆāļēāļ§āļ”āđˆāļ§āļ™: kilianvalkhof - āļŠāļĢāļļāļ›āļ”āļĢāļēāļĄāđˆāļēāļĨāđˆāļēāļŠāļļāļ”
10 min read
How to check your site in different languages and writing modes

How to check your site in different languages and writing modes

1
ðŸ”Ĩ āļ‚āđˆāļēāļ§āļ”āđˆāļ§āļ™: kilianvalkhof - āļŠāļĢāļļāļ›āļ”āļĢāļēāļĄāđˆāļēāļĨāđˆāļēāļŠāļļāļ”
8 min read
The gotchas of CSS Nesting

The gotchas of CSS Nesting

ðŸ”Ĩ āļ‚āđˆāļēāļ§āļ”āđˆāļ§āļ™: kilianvalkhof - āļŠāļĢāļļāļ›āļ”āļĢāļēāļĄāđˆāļēāļĨāđˆāļēāļŠāļļāļ”
3 min read
:root isn't global

:root isn't global

10
ðŸ”Ĩ āļ‚āđˆāļēāļ§āļ”āđˆāļ§āļ™: kilianvalkhof - āļŠāļĢāļļāļ›āļ”āļĢāļēāļĄāđˆāļēāļĨāđˆāļēāļŠāļļāļ” 1
2 min read
A small JavaScript pattern I enjoy using

A small JavaScript pattern I enjoy using

10
ðŸ”Ĩ āļ‚āđˆāļēāļ§āļ”āđˆāļ§āļ™: kilianvalkhof - āļŠāļĢāļļāļ›āļ”āļĢāļēāļĄāđˆāļēāļĨāđˆāļēāļŠāļļāļ” 1
2 min read
The breakpoints we tested in 2021, and the ones to test in 2022

The breakpoints we tested in 2021, and the ones to test in 2022

7
ðŸ”Ĩ āļ‚āđˆāļēāļ§āļ”āđˆāļ§āļ™: kilianvalkhof - āļŠāļĢāļļāļ›āļ”āļĢāļēāļĄāđˆāļēāļĨāđˆāļēāļŠāļļāļ”
5 min read
The EyeDropper API: Pick colors from anywhere on your screen

The EyeDropper API: Pick colors from anywhere on your screen

10
ðŸ”Ĩ āļ‚āđˆāļēāļ§āļ”āđˆāļ§āļ™: kilianvalkhof - āļŠāļĢāļļāļ›āļ”āļĢāļēāļĄāđˆāļēāļĨāđˆāļēāļŠāļļāļ”
5 min read
Polypane 6.2: HTML validation, robots.txt support, RTL emulation and more

Polypane 6.2: HTML validation, robots.txt support, RTL emulation and more

2
ðŸ”Ĩ āļ‚āđˆāļēāļ§āļ”āđˆāļ§āļ™: kilianvalkhof - āļŠāļĢāļļāļ›āļ”āļĢāļēāļĄāđˆāļēāļĨāđˆāļēāļŠāļļāļ”
8 min read
Detecting media query support in CSS and JavaScript

Detecting media query support in CSS and JavaScript

6
ðŸ”Ĩ āļ‚āđˆāļēāļ§āļ”āđˆāļ§āļ™: kilianvalkhof - āļŠāļĢāļļāļ›āļ”āļĢāļēāļĄāđˆāļēāļĨāđˆāļēāļŠāļļāļ”
4 min read
Polypane 6.1: Readability, Content Chaos and rewritten event sync engine

Polypane 6.1: Readability, Content Chaos and rewritten event sync engine

13
ðŸ”Ĩ āļ‚āđˆāļēāļ§āļ”āđˆāļ§āļ™: kilianvalkhof - āļŠāļĢāļļāļ›āļ”āļĢāļēāļĄāđˆāļēāļĨāđˆāļēāļŠāļļāļ” 1
5 min read
How hexadecimal notation works for CSS colors

How hexadecimal notation works for CSS colors

8
ðŸ”Ĩ āļ‚āđˆāļēāļ§āļ”āđˆāļ§āļ™: kilianvalkhof - āļŠāļĢāļļāļ›āļ”āļĢāļēāļĄāđˆāļēāļĨāđˆāļēāļŠāļļāļ”
2 min read
Includes, contains or has. Finding things in iterables (lists) in JavaScript

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

ðŸ”Ĩ āļ‚āđˆāļēāļ§āļ”āđˆāļ§āļ™: kilianvalkhof - āļŠāļĢāļļāļ›āļ”āļĢāļēāļĄāđˆāļēāļĨāđˆāļēāļŠāļļāļ”
3 min read
Debug your visual hierarchy with the squint test

Debug your visual hierarchy with the squint test

8
ðŸ”Ĩ āļ‚āđˆāļēāļ§āļ”āđˆāļ§āļ™: kilianvalkhof - āļŠāļĢāļļāļ›āļ”āļĢāļēāļĄāđˆāļēāļĨāđˆāļēāļŠāļļāļ”
4 min read
CSS breakpoints used by popular CSS frameworks

CSS breakpoints used by popular CSS frameworks

14
ðŸ”Ĩ āļ‚āđˆāļēāļ§āļ”āđˆāļ§āļ™: kilianvalkhof - āļŠāļĢāļļāļ›āļ”āļĢāļēāļĄāđˆāļēāļĨāđˆāļēāļŠāļļāļ” 1
4 min read
The complete guide to CSS media queries

The complete guide to CSS media queries

61
ðŸ”Ĩ āļ‚āđˆāļēāļ§āļ”āđˆāļ§āļ™: kilianvalkhof - āļŠāļĢāļļāļ›āļ”āļĢāļēāļĄāđˆāļēāļĨāđˆāļēāļŠāļļāļ” 2
1 min read
Creating files in JavaScript in your browser

Creating files in JavaScript in your browser

7
ðŸ”Ĩ āļ‚āđˆāļēāļ§āļ”āđˆāļ§āļ™: kilianvalkhof - āļŠāļĢāļļāļ›āļ”āļĢāļēāļĄāđˆāļēāļĨāđˆāļēāļŠāļļāļ”
3 min read
Accessibility is not like drowning

Accessibility is not like drowning

12
ðŸ”Ĩ āļ‚āđˆāļēāļ§āļ”āđˆāļ§āļ™: kilianvalkhof - āļŠāļĢāļļāļ›āļ”āļĢāļēāļĄāđˆāļēāļĨāđˆāļēāļŠāļļāļ” 1
3 min read
For many, accessibility is an unknown unknown

For many, accessibility is an unknown unknown

19
ðŸ”Ĩ āļ‚āđˆāļēāļ§āļ”āđˆāļ§āļ™: kilianvalkhof - āļŠāļĢāļļāļ›āļ”āļĢāļēāļĄāđˆāļēāļĨāđˆāļēāļŠāļļāļ” 1
4 min read
Your dark mode toggle is broken

Your dark mode toggle is broken

5
ðŸ”Ĩ āļ‚āđˆāļēāļ§āļ”āđˆāļ§āļ™: kilianvalkhof - āļŠāļĢāļļāļ›āļ”āļĢāļēāļĄāđˆāļēāļĨāđˆāļēāļŠāļļāļ”
3 min read
8 ways to increase your productivity as a web developer

8 ways to increase your productivity as a web developer

147
ðŸ”Ĩ āļ‚āđˆāļēāļ§āļ”āđˆāļ§āļ™: kilianvalkhof - āļŠāļĢāļļāļ›āļ”āļĢāļēāļĄāđˆāļēāļĨāđˆāļēāļŠāļļāļ” 1
8 min read
New online tools: CSS specificity calculator and color contrast checker

New online tools: CSS specificity calculator and color contrast checker

9
ðŸ”Ĩ āļ‚āđˆāļēāļ§āļ”āđˆāļ§āļ™: kilianvalkhof - āļŠāļĢāļļāļ›āļ”āļĢāļēāļĄāđˆāļēāļĨāđˆāļēāļŠāļļāļ”
2 min read
I built my own browser

I built my own browser

11
ðŸ”Ĩ āļ‚āđˆāļēāļ§āļ”āđˆāļ§āļ™: kilianvalkhof - āļŠāļĢāļļāļ›āļ”āļĢāļēāļĄāđˆāļēāļĨāđˆāļēāļŠāļļāļ” 3
5 min read
4 CSS layouts without using media queries

4 CSS layouts without using media queries

9
ðŸ”Ĩ āļ‚āđˆāļēāļ§āļ”āđˆāļ§āļ™: kilianvalkhof - āļŠāļĢāļļāļ›āļ”āļĢāļēāļĄāđˆāļēāļĨāđˆāļēāļŠāļļāļ”
6 min read
Using easing for more than just CSS transitions

Using easing for more than just CSS transitions

34
ðŸ”Ĩ āļ‚āđˆāļēāļ§āļ”āđˆāļ§āļ™: kilianvalkhof - āļŠāļĢāļļāļ›āļ”āļĢāļēāļĄāđˆāļēāļĨāđˆāļēāļŠāļļāļ”
4 min read
The box model is not layout

The box model is not layout

4
ðŸ”Ĩ āļ‚āđˆāļēāļ§āļ”āđˆāļ§āļ™: kilianvalkhof - āļŠāļĢāļļāļ›āļ”āļĢāļēāļĄāđˆāļēāļĨāđˆāļēāļŠāļļāļ”
4 min read
The perfect responsive menu

The perfect responsive menu

65
ðŸ”Ĩ āļ‚āđˆāļēāļ§āļ”āđˆāļ§āļ™: kilianvalkhof - āļŠāļĢāļļāļ›āļ”āļĢāļēāļĄāđˆāļēāļĨāđˆāļēāļŠāļļāļ” 5
3 min read
Writing CSS in Dutch using PostCSS

Writing CSS in Dutch using PostCSS

5
ðŸ”Ĩ āļ‚āđˆāļēāļ§āļ”āđˆāļ§āļ™: kilianvalkhof - āļŠāļĢāļļāļ›āļ”āļĢāļēāļĄāđˆāļēāļĨāđˆāļēāļŠāļļāļ” 3
1 min read
loading...