katrin k.
Latest posts
Numbered pagination in Kirby
Resources, final code and a couple markup considerations for numbered pagination on a Kirby website.
Setup rss feeds in Kirby and test them with Thunderbird
Resources and my final code result for rss feeds on a Kirby website and how to test the rss output locally.
Kirby blocks with toolbar formatting
The pre-defined text editors in Kirby CMS are not suitable for my current use case of basic text formatting in a rich-text editor plus the occasional image. I thought i need a fancy plugin, but it's way easier.
My talk about semantic HTML at Neos Con 2025
Reader views in browsers
I'm currently looking for reasons or arguments on why to use proper semantic HTML. The reader views/modes in browsers came to mind.
Drawing on an SVG path
In where i explore one option to put dots on a donut.
Todos of a frontend developer
Exploring the visually-hidden css
For many years i've used the mixin without thinking twice. So here we are. Exploring the visually-hidden helper class.
All is not
Postcss can do much and it does. In the last days, i had an issue
Span all the things
At some point in the past, my mind stored `grid-column: 1 / span all` as a valid piece of code when i want to have an item being placed across all columns, especially when the number of columns is changing over screen sizes. Turns out, i was very wrong.
When shortcodes and code examples collide in Eleventy with Nunjucks
When moving my blog over to Eleventy with Nunjucks templating, i suddenly had the problem that some of my articles cound not be rendered anymore.
Adding links to previous and next articles in Hugo
I've just added a browse navigation to the single page templates of this blog. Since the documentation in Hugo is not super straight forward, i want to document my insights here.
Designing a color palette - for developers
I'm currently watching Sarah Drasner's 'Design for Developers course on FrontendMasters. I'm also currently redesigning and rebuilding my portfolio website. Suitably enough, the design course has a chapter on color, color theory and how to build your own color palette.
Git: Create Branch from Previous Commit
Sometimes you need to create a new branch based on an older state of the repository – say, something unrelated broke and the fix will take some time.
My talk at the VueJS Berlin Meetup
This Tuesday, i held a talk at the VueJS Berlin meetup. This article is about the content foundation for the talk.
Markup for Breadcrumbs
Reading into the Breadcrumb example on the WAI-ARIA Practices website, i noticed a tiny detail in the HTML i never gave much thought before: The list uses an ordered list for the list markup.
Higher-order what?!
One of the reasons for having started this blog is because i very well understand coding, software and computer concepts, but i fail miserably at remembering the terms denoting these concepts. Today, the term 'high order function' (HOF) came to my mind again, plus the concept of a 'higher-order component' (HOC), along with the question marks of 'what was that again?'.
What are Symbols?
During the Fronteers 2019 Conf one of the speakers mentioned Symbols, iirc as a potential object property key. And again i asked myself: What are Symbols?
Ahoj
Two weeks ago, i was at the IndieWebCamp Nederland in Amsterdam. This started of my beautiful Amsterdam Web Week.