Christopher Kirk-Nielsen

🎨 Creative developer and CSS nerd at mojopsg.com
🤓 Enjoys neon glow, gaming, movies, languages (& puns!)
📍 Danish, raised in France, living in the US (weird accent!)
🥚 Yet another bald white bearded man (thanks DNA!)
💬 Pronouns: he/him
If I make a terrible dad-level joke, I'm sorry (but not really)

Public Key

npub1w9qgsa6r9f2cvguz53wnt8a8uw0p4rf7aars9sdcd7hqw44qdgyqlgn50t

NIP-05 Address

chriskirknielsen@front--end-social.mostr.pub

Profile Code

nprofile1qqs8zsygwapj54vxywp2ghf4n7n788s635lw73czcxuxlts826sx5zqpzemhxue69uhhyetvv9ujumn0wd68ytnzv9hxgqgkwaehxw309aex2mrp0yh8qunfd4skctnwv46qlwg9fe

Publishing to

relay.nostr.band

relay.primal.net

Author Public Key

npub1w9qgsa6r9f2cvguz53wnt8a8uw0p4rf7aars9sdcd7hqw44qdgyqlgn50t

Show more details

Last Notes

2025-06-02 15:38:52

- reply

@nprofile…4tpe Please update the mascot on the 11ty.dev site on Halloween. I am looking forward to it thank you bye.

2025-05-10 16:59:22

I rebuilt my website archives page to use a timeline-y look because… reasons: https://chriskirknielsen.com/archives/
I now want to create read-only version of my old PHP fan-sites to host somewhere but that's a lot of work. 👀
https://cdn.masto.host/frontendsocial/media_attachments/files/114/484/605/509/683/684/original/c276c69bafc9afe9.png

2025-05-10 16:48:17

- reply

@nprofile…ah4v Oh… cool, cool cool cool, yeah no doubt no doubt, coolcoolcool `*screams into the void*`

2025-05-10 16:25:36

- reply

@nprofile…ah4v Oh wow. I don't want to ask how bad this website might look with JavaScript disabled, I imagine it's just as good as a JPG of the design.

2025-05-10 16:14:46

- reply

@nprofile…ah4v Horrible div-soup aside… why the heck the the last character isolated? (I've seen somebody else point this out) Is it to account for letter-spacing or something? Either way, ew!

2025-04-30 13:34:23

- reply

@nprofile…73zx @nprofile…ljm5 I'm running it through Node, I think most things are compatible between deno and node!

2025-04-23 13:14:08

Double pagination in #eleventy? Yes, we can! And given it's a fun challenge, I wrote about it here: https://chriskirknielsen.com/blog/double-pagination-in-eleventy/ Also yes my entire sense of humour is memes, why do you ask? #11ty

2025-04-21 18:45:38

- reply

@nprofile…jpw4 `npm ping` seems to be fine so I ran `npm doctor` and apparently it's unhappy with my node version: "Use node v22.14.0 (current: v18.14.0)".
Sure enough, I installed the provided node version and that installed just fine. Not sure if it's a me problem or a dependency problem, but figure I'd let you know!
The previous bugs I reported on subsequent --serve builds are… `*drumroll*` …GONE! 👏 Thank you for the hard work. Are my build times also faster or what? 😅
EDIT: Deployed perfectly!

2025-04-21 17:59:36

- reply

@nprofile…jpw4 Lunch break! Am I doing something wrong here? (`--legacy-peer-deps` added as a fix for an error I don't know how to resolve otherwise when pulling a package from GitHub directly instead of npm) Relevant error is "This is related to npm not being able to find a file." Note: I tried fully un-installing alpha.4 beforehand, no difference there. Thanks!
https://cdn.masto.host/frontendsocial/media_attachments/files/114/377/252/833/045/562/original/6043fca347415a72.png

2025-04-16 13:10:07

While I'm not a huge fan of the verbosity of the syntax* here, this is very cool, and the basic demo is surprisingly impressive: https://webkit.org/blog/16794/the-css-shape-function/
* Though to be fair: a) I don't remember all of #SVG's commands, and b) this does feel rather expressive and #CSS-y (looking at you, `radial-gradient(circle at center in hsl longer hue, red, blue)`!)

2025-04-10 16:55:55

This article is rightfully praising the `currentColor` keyword in CSS, go read it folks: https://frontendmasters.com/blog/using-currentcolor-in-2025/
PS: I don't know if the typo is intentional, _but_ I've decided it is, and it is very funny *slow clap* @nprofile…hjan
https://cdn.masto.host/frontendsocial/media_attachments/files/114/314/716/941/608/546/original/b1b5c48eadc5f2e9.png
https://cdn.masto.host/frontendsocial/media_attachments/files/114/314/716/962/354/785/original/180dc154f7dd0f4d.png

2025-02-28 16:31:16

- reply

@nprofile…4tpe Ah, that's smart and simple, neat! Thank you for the write-up!

2025-02-27 14:35:09

- reply

@nprofile…6h3y You are living in the future!
https://cdn.masto.host/frontendsocial/media_attachments/files/114/076/346/442/978/356/original/747f8264893f87f3.png

2025-02-15 16:15:20

Khajiit has wares, if you have coin. #Caturday #CatsOfMastodon
https://cdn.masto.host/frontendsocial/media_attachments/files/114/008/792/630/904/514/original/6b3ce793d1af6bdc.jpg

2025-01-16 17:50:31

- reply

@nprofile…4tpe That is pretty wild! Doesn't the Switch also have a way to use the GC controller? I think it needs some adapter but still pretty good way to avoid buying a bunch of new peripherals when you get a new console. Gotta hand(held) it to Nintendo. 🙇

2025-01-16 17:11:33

- reply

@nprofile…4tpe Not only that, but their track record for backward-compatibility is also great. If they didn't change formats so often I'm sure they'd do even better on that aspect. (though it is quite profitable to re-release 🤑)

2025-01-13 15:50:40

- reply

@nprofile…jpw4 Ah I see Lach Zeatherman gave a hand with this form. Very nice of them!

2025-01-11 02:31:53

- reply

@nprofile…4tpe Oh my god I'm so professional now like, holy cow. Best part of my LinkedIn page by far.

2024-11-29 18:55:37

I recently upgraded my laptop (bye bye, TouchBar, hello debt!) and bought a hard shell to go bananas with stickers. Finally using the lovely ones by @nprofile…jpw4 (rare! shiny!) and @nprofile…y89s (https://ko-fi.com/s/f97a45f0a2), a bootleg BTTF sticker, as well as my own holographic #CSS (https://chriskirknielsen.com/designs/css-logo-solid/) and Jak & Daxter ones.
PS: I am very bad at strategic sticker placement, I know.
https://cdn.masto.host/frontendsocial/media_attachments/files/113/567/762/662/132/086/original/1fc0a462a274a26a.jpg

2024-11-29 18:02:45

Okay, it's time for a new secret theme on my website (https://chriskirknielsen.com). Featuring @nprofile…4tpe's `<snow-fall>` because hot dang if that don't look good. I stand by my festive font choice. And the snow does "land" somewhere!
How does one unlock the secret theme? A few hints:
1. a) you need a keyboard, or b) you need to open and close a present;
9. you need to be willing to be dressed to the Nines.
That's as clear as I can make it. (this is silly; let me know if you just wanna know how)
https://cdn.masto.host/frontendsocial/media_attachments/files/113/567/554/751/351/678/original/5a1d6b09d4359aa6.png

2024-11-22 16:11:15

- reply

@nprofile…4tpe Okay, so:
🙂 at work? major "per my last email, dipshit" vibes (except when I use it 😇)
😼 just annoys me (and I love cats!)
👌 because of its co-opting by bad people
✨ because of its co-opting by bad tech
("emoji", just like "jedi", can represent a singular or a plural, therefore, I am legally allowed to reply with more than one YOU CANT STOP ME!)

2024-10-26 23:00:10

- reply

@npub1zyl…t54n This is a hole 'nother level.

2024-09-20 20:49:03

- reply

@npub1z9m…rz2z (take Photoshop away from me)
https://cdn.masto.host/frontendsocial/media_attachments/files/113/171/840/054/968/401/original/76b09739bb42aff7.png

2024-09-05 14:20:08

- reply

@npub1y9z…3ykm You just got a pink phone case, right? This is a reasonable trade-off.

2024-09-05 13:42:16

- reply

@npub1y9z…3ykm Those bad bois sold out like crazy right? (though I see you still go it, nice!) Just finished downloading the game itself, eager to be done with work for some unrelated reason… 👀

2024-07-31 20:40:26

- reply

@npub1z9m…rz2z Aw hell yeah, congrats! Eager to give it a whirl!

2024-07-31 20:40:26

- reply

@npub1z9m…rz2z Aw hell yeah, congrats! Eager to give it a whirl!

2024-07-01 21:20:32

- reply

@npub1y9z…3ykm Try `{% postGraph collections.post, { "only": "["+postYear+"]" } %}`

2024-06-14 20:55:52

Not to brag but I wrote a #CSS subgrid layout that worked on the first try. Time to log off, can't achieve anything better than that.

2024-06-13 13:37:40

Looks like I might be needing to use #Sanity for a client project (their pre-approved CMS). Any excellent intro guides out there? Or perhaps Sanity's own guide is enough? (also you bet I'm thinking about using it with @npub1z9m…rz2z 👀)

2024-06-13 12:43:11

- reply

@npub13q3…hr6l Wowza, theming is about to get a lot more fun for me. 😄

2024-06-11 22:05:24

The amount of money you get gouged out of just because you have pets when renting a new place is criminal. 🫠
Remembering this post by @npub1z9s…pzd6 for no reason whatsoever: https://robinrendle.com/notes/against-landlords/

2024-06-06 14:30:10

Joining in to say I _also_ have that #CSSDay #FOMO, but it's great to be able to follow along with all this live tooting going on — thanks, CSS nerds!

2024-06-04 02:43:34

Man, I just really love #SVG and #CSS. Built a little distortion effect in SVGFM (https://svgfm.chriskirknielsen.com/ always be plugging), then added an animation tag in the turbulence primitive to get some movement, converted that to a data URI SVG with the filter ID at the end, and voilà, shown on hover!
PS: Of course it doesn't work at all in Safari, and looks pretty poor in Chrome compared to Firefox. 🫠
https://cdn.masto.host/frontendsocial/media_attachments/files/112/556/026/032/031/316/original/e4bc6a23ebd07fa0.mp4

2024-05-23 15:24:36

No one:
Absolutely no one:
Me: OKAY FINE! You can dynamically edit my CSS logo idea, now! Happy‽ (also downloads are for the non-edited version)
https://chriskirknielsen.com/css-logo/

2024-05-15 18:33:57

- reply

@npub1xed…yg9w
https://cdn.masto.host/frontendsocial/media_attachments/files/112/446/530/285/480/449/original/fa5915231266cfa6.png

2024-05-09 17:26:59

@npub1p3x…uq4c Great talk, great topic, great GIF pronunciation, great domain for the demo. 11/10 #11tyconf

2024-05-01 20:28:18

I'm probably going to get a new laptop soonish, and when that happens, this little fella is going straight onto it! Such a cute character! (not pictured: a neat shirt!) #eleventy
https://cdn.masto.host/frontendsocial/media_attachments/files/112/367/704/074/635/792/original/08ce2a43e5bb9617.jpg

2024-04-27 15:18:11

- reply

@npub1y9z…3ykm It exists, but isn't officially advertised by Sony, however smart people have figured it out and made it super easy to use. I used this one: https://psn-api.achievements.app

2024-04-13 14:31:15

Inspired by @npub1y9z…3ykm, I made a game collection page — less visually appealing, but I had fun with the #CSS: https://chriskirknielsen.com/games/library/

2024-04-12 22:28:00

- reply

@npub1z9m…rz2z Is it the holy grail to paginate paginated pages (say that 5 times fast!), like `/tags/css/page/2`, where `css` is a tag in the tags list, and 2 is a pagination as well?

2024-03-21 14:44:59

- reply

@npub1z9m…rz2z Ooh, shiny! I love that the possum sticker is "kiss-cut". 😚🤌 $40 well spent!

2024-03-18 21:03:30

- reply

@npub1c35…9pmh Pretty much! I'm not saying this is the best approach, but it's the best I could think of, at the moment. You could probably flip it on its head and render every N milliseconds instead, might give you a more accurate result in terms of progress.

2024-03-18 18:58:14

- reply

@npub1c35…9pmh Main issue is that you're waiting for each cell to paint before passing in the next one, so instead you could batch them with a RAF (runPaintJobs function) and a variable controlling how many cells to draw at once: https://codepen.io/chriskirknielsen/pen/VwNPKXL?editors=0110

2024-03-17 18:33:32

- reply

@npub1y9z…3ykm Any time!
Also they had THPS *4* on PS1?! Daaang, THPS3 was already a stretch in my eyes. 🫠

2024-03-17 18:15:40

@npub1y9z…3ykm Came across your gaming collection page (https://rknight.me/collections/games/) and I love all that organisation. I have a similar setup in Notion, maybe I should do something similar… 👀
Anyways, just wanted to report that the PS1 logo, for the middle strip in the S, the green-ish fill is missing the `#`, causing it to render in black.
https://cdn.masto.host/frontendsocial/media_attachments/files/112/112/386/554/363/378/original/7100f9bd082fd2bd.png

2024-03-15 16:52:38

- reply

@npub13q3…hr6l "Contributions" seems like the right word here, though it might be almost too vague? "Proposals & Contributions" could work but a proposal _is_ a contribution, one way or another, so… it's redundant and we're back to just "Contributions". Prepend "Web" or "Tech" to maybe narrow it down?

2024-03-12 15:18:56

- reply

@npub1y9z…3ykm Oh nice, I like this, but especially that section about fonts, fonTS, FONTS! *hits fists on desk*

2024-03-08 19:59:38

- reply

@npub1z9m…rz2z Looks good now! 🙌

2024-03-08 19:39:40

- reply

@npub1z9m…rz2z I like the updated look! One bug to report: the documentation button is buggy when hovered in Firefox, or has fallen victim to quantum entanglement. Maybe some overflow (due to scaling) is the issue?
https://cdn.masto.host/frontendsocial/media_attachments/files/112/061/754/048/610/398/original/9990277dd6b1df8e.png
https://cdn.masto.host/frontendsocial/media_attachments/files/112/061/757/754/781/478/original/70ab3cd118e42404.mp4

2024-03-05 22:51:03

- reply

@npub1xed…yg9w Half an hour ago, I was looking at an old project which still uses Font Face Observer and thought "there's probably a better way by now" and now you post this. Thanks!

2024-03-04 21:31:39

- reply

@npub16mu…qy4m I've been bitten by this too, combined with a CSS formatter that wants to remove the space if I remember right. The space works but it feels like secret magic so I guess the best call would be to provide the border-image-width between those slashes? Not even sure that's what goes in there. 😅

2024-03-04 16:35:42

- reply

@npub1y9z…3ykm @npub19kd…4jdw @npub1xed…yg9w Didn't Zach automatically iterate over hundreds of fonts to come up with the 11ty logo? I'm almost sure there was a write-up… or I've hallucinated it. Beep boop.

2024-02-29 17:31:44

Server switch = #introduction time! 👋
I'm Chris, a front-end developer (and CSS nerd) who used to be a graphic designer.
I'm Danish, grew up in France, and live in the US, so I love languages (+ I know some Italian, and picked up Japanese again via Duolingo).
I'm infatuated with 80s aesthetics (neon! VHS!), and like being creative. I make (made 👀) music (synths are cool!), and enjoy puns, video games, movies, and reading books sluggishly.
Oh and here's my web site: https://chriskirknielsen.com