Christian Alder
Building websites, playing board games, editing videos.
Will fika ☕️
/_src 🇸🇪
/_draft 🇬🇧
/_live 🇵🇹
He / Him, Powered by 🌱
- Gave Hytale a try instead of installing Minecraft again. Hell yeah, I'm liking it a lot so far 😊
- Power cuts, a leak in the office, 4 days worth of rain incoming for the nest 24 hours, wind that sounds like it's gonna rip off the roof 👍

- Now with editable CodePen 💜 codepen.io/HejChristian... #CodePen
- Thanks to @pontushorn.me for letting me know about sibling-index(), now it doesn't matter how many layers there might be in a design, we can keep the CSS lean. developer.mozilla.org/en-US/docs/W... (Still limited availability at time of posting this)
- Thanks to @pontushorn.me for letting me know about sibling-index(), now it doesn't matter how many layers there might be in a design, we can keep the CSS lean. developer.mozilla.org/en-US/docs/W... (Still limited availability at time of posting this)
- With sibling-index(), the CSS went from having to define a fill for each specific layer (at least 15 extra lines for this example), to this one line on the SVG's path: Again, limited browser support so I won't be using it just yet, but it's cool to test and something to be excited about 😊
- I'm looking into switching to the OKLCH colour space and using that going forward. I think I've been a bit reluctant because it feels like I've only just started using HSL! 😅 I will likely still have to for a while too, for design tools like Affinity. CSS Fun! 🎨 evilmartians.com/chronicles/o...
- On a personal level, I think I’m just going to pretend January didn’t happen, and that today is the day to start fresh. Happy New Year! 🥳
- This is brilliant 👏 Please find some time in your day to give this a watch, and be sure to not skip the part at the end. If you do/did watch, and if you found the ending unwarranted, please unfollow me 😊
- Let's do this. www.youtube.com/watch?v=KtQ9...
- I'm really liking relative colours in CSS! In this demo I'm changing a base colour variable, and then playing with the step size for the L in HSL. Each SVG layer ends up with its own shade 🥳 (please ignore the unfinished design, this was just a quick test to see how the layers fit on the page 🥺)
- In dabbling around with this, I think it'd be quite cool to pair it with scroll 🤔 to make a design reveal itself onto the page in a gradually stepped way. The lower the value, the smoother the transition. Negative values work too (as seen in the demo) to switch the fg/bg being the darkest shade.
- npm start "Copied 51 Wrote 160 files in 374.23 seconds (v3.1.2)" 6 minutes!? Well that's not right 😅 after saving a file now that it's running, "Copied 51 Wrote 160 files in 0.83 seconds (v3.1.2)" Better 🧐 If I turn off the WiFi completely then it's the normal expected speed. Hmm...