Blog
I'm writing about things related to web development. Projects, approaches and observations, things I have learned or consider important.
I rebuilt this website! I published the last version of it at the end of 2022. Since then I have learned so many things, gained new insights and so many new CSS possibilities have been added that at some point I was no longer happy with the code here.
Now I have finally found the time, so I took my Eleventy Starter and rebuilt the website. It still looks the same in many parts, because I quite like the design of the page, but I have refined, improved and changed almost everything.
May I finally find the strength to write articles again! I plan to take a deep dive into OG image creation, and write about how I use Eleventy to create my invoices. Now that I’ve said it, I have to stick to it! 📝
"Inheriting" grid dimensions from siblings with subgrid
What I want to achieve is aligning siblings vertically: the dynamic dimensions of elements inside the <header> landmark shall implement the grid column template defined on the <body> element, so that sibling elements can align themselves with it.
About subgrid and colored grid lines
For me, subgrid is the missing piece for my mental model to fully embrace grid. In this article, I will try to create a prototype of a design that requires a four column layout with colored grid lines.
Recording, editing and integrating a sound for a click event
Whimsical interaction sounds have found their back into personal websites in recent years, and I think that's wonderful.
I have created a few demo branches for Eleventy Excellent.
Sometimes I get requests via the issues to add tags, or something similar. This makes sense, of course, but after many years of struggling with premium themes of other tools (yes, WordPress…) that wanted to cover every conceivable use case and were thus overly complex and slow, it is very important to me to maintain a clean and simple spirit.
The starter should be able to be developed in all possible directions without having to make too many decisions in advance. That’s why I decided to create some further refinements as “demos” that live in their own branch, but move along with the main branch.
So far, I have taken care of issues that have been specifically requested: gallery, tags and pagination. More to come!
Internationalization with Eleventy 2.0 and Netlify
Along with a lightning talk at TheJam.dev 2023, I explain how internationalization works with Eleventy 2.0, building out a simple starter project.