chriskirknielsen

Introducing Peritel, a brand new nostalgia-fuelled retro typeface, by yours truly.

I spent hours chasing down an issue in my 11ty a.k.a.

I don’t know if you play video games, but it’s likely you enjoy games in one form or another.

I recently worked on some “accordion” component with a custom marker to indicate open and closed states.

Another git snippet I use frequently, git ketchup {BRANCH_NAME}.

Update (August 2026): it seems Strava now only allows API access to subscribers, so you can only make this work with a paid subscriptions: "We're updating API access to be subscriber-only.

I built a tool to prepare FFmpeg commands because despite using it nearly every day, I still forget syntax details.

I saw an exchange over on Mastodon about a small bit of the State of JS results interface.

I have added a tiny no A.I. symbol in the footer of my website.

Another year has gone by.

Preserving the tiny underline is nearly effortless with CSS pseudo-elements.

Making those code blocks a little more personal.

Making sure the focused element doesn’t trigger janky scroll.

Never mix up dev and prod again!

A few tips to refactor your njk into vto.

There’s a new kid on the templating block.

Yo dawg, I heard you liked pagination, so I added pagination inside your paginated pages, so you can paginate while you paginate.

Solving for masonry could have beneficial side effects for other layout methods.

Another way to implement themes on a website with style conditions.

So this is how I can explain temperature fluctuations outside the US!

Highlight your TOC in a tick.

Kind of a year in review.

Using transforms to create overflow.

You can use it any way you’d like.

Fixing the tiny underline is nearly effortless with CSS variables.

Target N elements after an arbitrary element in CSS.

It all boils down to a single line of JS.

How I implemented Notion and PSN APIs in my Eleventy build for my Now and Gaming pages.

Some notes about this 2024 redesign.

Move a commit from one branch to another.

My Wishlist for CSS in 2024.

Group by year in a clear and readable manner.

Avoid false positives when using :not() to exclude ancestors from a scope.

One way to implement themes on a website with style queries.

My solution to adding "Copy" to markdown code blocks (and other things).

Grow a stroke on an SVG shape but only covering the inner part.

Retrieving a property of an object which is also in an object in JavaScript.

Precompiled Sass and JS files that become part of the source folder.

Set up a CSS grid with a specific ideal number of columns.

Pre-compile some reused assets to avoid repeating the same operation.

Using renderFile to keep things tidy.

I’m not on the TypeScript train, but I like a couple of things… Read full article: Fine, types in JS aren’t the worst.

Clean up overlap animations on hovered elements.

Comment distinguer ces mots-clés JavaScript.

Using chained CSS transforms to get a rotation without rotating the element itself.

I wrote an article on CSS-Tricks about using a --var: ; trick from Lea Verou to define theme variables only once, when you need to respect a user-preference media query as well as CSS classes.

Only show a separator when two items are next to each other, and skip for new lines.

Use a collection of utilities to form components without additional CSS.

Get a more consistent sizing with viewport-based font sizing.

Make a contained element span the entire horizontal space.