<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
    <title>katrin k.</title>
    <subtitle></subtitle>
    <link href="https://frontend.die-katrin.eu/feed.xml" rel="self"/>
    <link href="https://frontend.die-katrin.eu"/>
    <updated>2026-01-15T00:00:00Z</updated>
    <id>https://frontend.die-katrin.eu</id>
    <author>
        <name>Claudia R</name>
    </author>
    <entry>
        <title>Ahoj</title>
        <link href="https://frontend.die-katrin.eu/blog/2019/ahoj/"/>
        <updated>2019-10-09T00:00:00Z</updated>
        <id>https://frontend.die-katrin.eu/blog/2019/ahoj/</id>
        
        <content type="html">Two weeks ago, i was at the IndieWebCamp Nederland in Amsterdam. This started of my beautiful Amsterdam Web Week.</content>
    </entry>
    <entry>
        <title>What are Symbols?</title>
        <link href="https://frontend.die-katrin.eu/blog/2019/what-are-symbols/"/>
        <updated>2019-10-11T00:00:00Z</updated>
        <id>https://frontend.die-katrin.eu/blog/2019/what-are-symbols/</id>
        
        <content type="html">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?</content>
    </entry>
    <entry>
        <title>Higher-order what?!</title>
        <link href="https://frontend.die-katrin.eu/blog/2019/higher-order-what/"/>
        <updated>2019-10-14T00:00:00Z</updated>
        <id>https://frontend.die-katrin.eu/blog/2019/higher-order-what/</id>
        
        <content type="html">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 &#39;high order function&#39; (HOF) came to my mind again, plus the concept of a &#39;higher-order component&#39; (HOC), along with the question marks of &#39;what was that again?&#39;.</content>
    </entry>
    <entry>
        <title>Markup for Breadcrumbs</title>
        <link href="https://frontend.die-katrin.eu/blog/2019/markup-for-breadcrumbs/"/>
        <updated>2019-10-23T00:00:00Z</updated>
        <id>https://frontend.die-katrin.eu/blog/2019/markup-for-breadcrumbs/</id>
        
        <content type="html">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.</content>
    </entry>
    <entry>
        <title>My talk at the VueJS Berlin Meetup</title>
        <link href="https://frontend.die-katrin.eu/blog/2019/my-talk-at-the-vuejs-berlin-meetup/"/>
        <updated>2019-11-15T00:00:00Z</updated>
        <id>https://frontend.die-katrin.eu/blog/2019/my-talk-at-the-vuejs-berlin-meetup/</id>
        
        <content type="html">This Tuesday, i held a talk at the VueJS Berlin meetup. This article is about the content foundation for the talk.</content>
    </entry>
    <entry>
        <title>Git: Create Branch from Previous Commit</title>
        <link href="https://frontend.die-katrin.eu/blog/2019/git-create-branch-from-previous-commit/"/>
        <updated>2019-12-05T00:00:00Z</updated>
        <id>https://frontend.die-katrin.eu/blog/2019/git-create-branch-from-previous-commit/</id>
        
        <content type="html">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.</content>
    </entry>
    <entry>
        <title>Designing a color palette - for developers</title>
        <link href="https://frontend.die-katrin.eu/blog/2019/designing-a-color-palette-for-developers/"/>
        <updated>2019-12-19T00:00:00Z</updated>
        <id>https://frontend.die-katrin.eu/blog/2019/designing-a-color-palette-for-developers/</id>
        
        <content type="html">I&#39;m currently watching Sarah Drasner&#39;s &#39;Design for Developers course on FrontendMasters. I&#39;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.</content>
    </entry>
    <entry>
        <title>Adding links to previous and next articles in Hugo</title>
        <link href="https://frontend.die-katrin.eu/blog/2022/adding-links-to-previous-and-next-articles-in-hugo/"/>
        <updated>2022-11-29T00:00:00Z</updated>
        <id>https://frontend.die-katrin.eu/blog/2022/adding-links-to-previous-and-next-articles-in-hugo/</id>
        
        <content type="html">I&#39;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.</content>
    </entry>
    <entry>
        <title>When shortcodes and code examples collide in Eleventy with Nunjucks</title>
        <link href="https://frontend.die-katrin.eu/blog/2023/when-shortcodes-and-code-examples-collide-in-eleventy-with-nunjucks/"/>
        <updated>2023-02-10T00:00:00Z</updated>
        <id>https://frontend.die-katrin.eu/blog/2023/when-shortcodes-and-code-examples-collide-in-eleventy-with-nunjucks/</id>
        
        <content type="html">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.</content>
    </entry>
    <entry>
        <title>Span all the things</title>
        <link href="https://frontend.die-katrin.eu/blog/2023/span-all-the-things/"/>
        <updated>2023-02-11T00:00:00Z</updated>
        <id>https://frontend.die-katrin.eu/blog/2023/span-all-the-things/</id>
        
        <content type="html">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.</content>
    </entry>
    <entry>
        <title>All is not</title>
        <link href="https://frontend.die-katrin.eu/blog/2024/cascade-layers-and-postcss/"/>
        <updated>2024-07-12T00:00:00Z</updated>
        <id>https://frontend.die-katrin.eu/blog/2024/cascade-layers-and-postcss/</id>
        
        <content type="html">Postcss can do much and it does. In the last days, i had an issue </content>
    </entry>
    <entry>
        <title>Exploring the visually-hidden css</title>
        <link href="https://frontend.die-katrin.eu/blog/2024/exploring-the-visuallyhidden-css/"/>
        <updated>2024-08-01T00:00:00Z</updated>
        <id>https://frontend.die-katrin.eu/blog/2024/exploring-the-visuallyhidden-css/</id>
        
        <content type="html">For many years i&#39;ve used the mixin without thinking twice. So here we are. Exploring the visually-hidden helper class.</content>
    </entry>
    <entry>
        <title>Todos of a frontend developer</title>
        <link href="https://frontend.die-katrin.eu/blog/2024/frontend-todo-list/"/>
        <updated>2024-09-15T00:00:00Z</updated>
        <id>https://frontend.die-katrin.eu/blog/2024/frontend-todo-list/</id>
        
        <content type="html"></content>
    </entry>
    <entry>
        <title>Drawing on an SVG path</title>
        <link href="https://frontend.die-katrin.eu/blog/2024/drawing-on-svg-path/"/>
        <updated>2024-11-22T00:00:00Z</updated>
        <id>https://frontend.die-katrin.eu/blog/2024/drawing-on-svg-path/</id>
        
        <content type="html">In where i explore one option to put dots on a donut.</content>
    </entry>
    <entry>
        <title>Reader views in browsers</title>
        <link href="https://frontend.die-katrin.eu/blog/2025/reader-views-in-browsers/"/>
        <updated>2025-03-21T00:00:00Z</updated>
        <id>https://frontend.die-katrin.eu/blog/2025/reader-views-in-browsers/</id>
        
        <content type="html">I&#39;m currently looking for reasons or arguments on why to use proper semantic HTML. The reader views/modes in browsers came to mind.</content>
    </entry>
    <entry>
        <title>My talk about semantic HTML at Neos Con 2025</title>
        <link href="https://frontend.die-katrin.eu/blog/2025/talk-about-semantic-html-at-neos-con-2025/"/>
        <updated>2025-06-21T00:00:00Z</updated>
        <id>https://frontend.die-katrin.eu/blog/2025/talk-about-semantic-html-at-neos-con-2025/</id>
        
        <content type="html"></content>
    </entry>
    <entry>
        <title>Kirby blocks with toolbar formatting</title>
        <link href="https://frontend.die-katrin.eu/blog/2026/kirby-blocks-with-toolbar-formatting/"/>
        <updated>2026-01-05T00:00:00Z</updated>
        <id>https://frontend.die-katrin.eu/blog/2026/kirby-blocks-with-toolbar-formatting/</id>
        
        <content type="html">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&#39;s way easier.</content>
    </entry>
    <entry>
        <title>Numbered pagination in Kirby</title>
        <link href="https://frontend.die-katrin.eu/blog/2026/numbered-pagination-in-kirby/"/>
        <updated>2026-01-11T00:00:00Z</updated>
        <id>https://frontend.die-katrin.eu/blog/2026/numbered-pagination-in-kirby/</id>
        
        <content type="html">Resources, final code and a couple markup considerations for numbered pagination on a Kirby website.</content>
    </entry>
    <entry>
        <title>Setup rss feeds in Kirby and test them with Thunderbird</title>
        <link href="https://frontend.die-katrin.eu/blog/2026/setup-rss-feeds-in-kirby-and-test-them-with-thunderbird/"/>
        <updated>2026-01-11T00:00:00Z</updated>
        <id>https://frontend.die-katrin.eu/blog/2026/setup-rss-feeds-in-kirby-and-test-them-with-thunderbird/</id>
        
        <content type="html">Resources and my final code result for rss feeds on a Kirby website and how to test the rss output locally.</content>
    </entry>
    <entry>
        <title>CSS code snippets for scroll hint on overflow</title>
        <link href="https://frontend.die-katrin.eu/blog/2026/css-code-snippets-scroll-hint-overflow/"/>
        <updated>2026-01-15T00:00:00Z</updated>
        <id>https://frontend.die-katrin.eu/blog/2026/css-code-snippets-scroll-hint-overflow/</id>
        
        <content type="html"></content>
    </entry></feed>