<?xml version="1.0"?>
<rss version="2.0" xmlns:byline="https://bylinespec.org/1.0">
  <channel>
    <title>kiko.io Posts</title>
    <link>https://kiko.io</link>
    <image>
      <url>https://kiko.io/images/icon-72x72.png</url>
      <title>kiko.io Posts</title>
      <link>https://kiko.io</link>
    </image>
    <description>Blog about memorable stuff by Kristof Zerbe</description>
    <language>en</language>
    <pubDate>Mon, 07 Sep 2026 17:04:30 +0000</pubDate>
    <lastBuildDate>Mon, 07 Sep 2026 17:04:27 +0000</lastBuildDate>
    <byline:contributors>
      <byline:person id="kristofz">
        <byline:name>Kristof Zerbe</byline:name>
        <byline:url>https://kiko.io</byline:url>
        <byline:avatar>https://kiko.io/images/kiko-reverentgeek-200-straight.png</byline:avatar>
          <byline:profile href="https://indieweb.social/@kiko" rel="mastodon"/>
          <byline:profile href="https://github.com/kristofzerbe" rel="github"/>
          <byline:profile href="https://dev.to/kristofzerbe" rel="me"/>
          <byline:profile href="https://www.xing.com/profile/Kristof_Zerbe" rel="me"/>
          <byline:profile href="https://www.linkedin.com/in/kristof-zerbe-91012510/" rel="linkedin"/>
          <byline:profile href="https://500px.com/p/kikon" rel="me"/>
          <byline:profile href="https://flickr.com/photos/kzerbe/" rel="me"/>
          <byline:profile href="https://unsplash.com/de/@kristofz" rel="me"/>
          <byline:profile href="https://pixelfed.social/kristofz" rel="me"/>
          <byline:profile href="https://programming.dev/u/kiko" rel="me"/>
          <byline:profile href="https://vernissage.photos/@kiko" rel="me"/>
          <byline:profile href="https://clip.place/a/kiko" rel="me"/>
          <byline:profile href="https://bubbles.town/source/kiko.io" rel="me"/>
        <byline:uses>https://kiko.io/uses</byline:uses>
        <byline:theme style="light"/>
      </byline:person>
    </byline:contributors>
    <category>Tools</category>
    <category>Coding</category>
    <category>Misc</category>
    <category>Photo</category>
    <category>Collection</category>
    <category>UI/UX</category>
    <category>Football</category>
    <category>Event</category>
    <category>Note</category>
    <category>VSCode</category>
    <category>Hexo</category>
    <category>GitHub</category>
    <category>JavaScript</category>
    <category>jQuery</category>
    <category>CSS</category>
    <category>Stylus</category>
    <category>Dark Mode</category>
    <category>SQL</category>
    <category>ADSI</category>
    <category>Visual Studio</category>
    <category>Database</category>
    <category>Android</category>
    <category>Trello</category>
    <category>Imaging</category>
    <category>Windows</category>
    <category>Browser</category>
    <category>PWA</category>
    <category>DOM</category>
    <category>.NET</category>
    <category>WebAPI</category>
    <category>Authentication</category>
    <category>Lightroom</category>
    <category>Presets</category>
    <category>UI</category>
    <category>Tutorial</category>
    <category>Hosting</category>
    <category>Plugin</category>
    <category>Publishing</category>
    <category>Webmention</category>
    <category>Node.js</category>
    <category>Workflow</category>
    <category>SPA</category>
    <category>Bundling</category>
    <category>Templating</category>
    <category>Localization</category>
    <category>Debugging</category>
    <category>Events</category>
    <category>SVG</category>
    <category>Theming</category>
    <category>PowerShell</category>
    <category>Error</category>
    <category>Audio</category>
    <category>Resource</category>
    <category>Versioning</category>
    <category>T4</category>
    <category>Share</category>
    <category>TFS/DevOps</category>
    <category>Mail</category>
    <category>Font</category>
    <category>Remote</category>
    <category>Social Media</category>
    <category>Mastodon</category>
    <category>Office</category>
    <category>Logging</category>
    <category>Rant</category>
    <category>Usability</category>
    <category>AI</category>
    <category>Metadata</category>
    <category>Contributing</category>
    <category>Fediverse</category>
    <category>IndieWeb</category>
    <category>Identity</category>
    <category>Search</category>
    <category>Photography</category>
    <category>SVWW</category>
    <category>2. Bundesliga</category>
    <category>JSON-LD</category>
    <category>Eintracht</category>
    <category>Concert</category>
    <category>Flora</category>
    <category>Obsidian</category>
    <category>HTML</category>
    <category>WebComponents</category>
    <category>Peertube</category>
    <category>Engagement</category>
    <category>Politics</category>
    <category>API</category>
    <category>Maps</category>
    <category>Music</category>
    <category>Vernissage</category>
    <category>Pixelfed</category>
    <category>DFB-Pokal</category>
    <category>Lemmy</category>
    <category>Accessibility</category>
    <category>Euro2024</category>
    <category>Syndication</category>
    <category>Society</category>
    <category>Meta</category>
    <category>Geo-Tagging</category>
    <category>Organization</category>
    <category>Johnny.Decimal</category>
    <category>Interactions</category>
    <category>Feeds</category>
    <category>Career</category>
    <category>3. Bundesliga</category>
    <category>Visualization</category>
    <category>Handmade</category>
    <category>Life</category>
    <category>Links</category>
    <category>Junited</category>
    <category>Blogging</category>
    <category>Miniatur-Wunderland</category>
    <category>JulyReply</category>
    <category>Sticker</category>
    <category>Fun</category>
    <item>
      <guid>https://kiko.io/post/Early-September/</guid>
      <title>Early September</title>
      <link>https://kiko.io/post/Early-September/</link>
      <byline:author ref="kristofz"/>
      <byline:perspective>personal</byline:perspective>
      <category>Photo</category>
      <category>Flora</category>
      <pubDate>Mon, 07 Sep 2026 15:45:06 +0000</pubDate>
      <description>
        <![CDATA[ <p><img src="https://kiko.io/images/social-media/Early-September.jpg" /></p><p>Late summer in Germany is back to normal, following the sweltering heat of the last three months. A pleasant 26 degrees Celsius and already cool nights of around 14 degrees. We’re prepared for anything, though, and I will shed a tear or two in memory of the heat. I’m a sun-lover through and through.</p>
<p>Thomas really did himself a favour last year with his new drip irrigation system. His plants are looking absolutely splendid and are competing to see which can bloom the most. There’s a constant buzzing and humming all round, and I have to be careful not to disturb all the insects whilst taking photos. I will defininetly coming back later this month …</p>
<span id="more"></span>

<hr>
<div class="photo-masonry" id="photo-masonry-1m745b">
    <div>
      <a class="spotlight" 
          data-title="D50_9799_2609"
          data-description="asset"
          data-src="/post/Early-September/D50_9799_2609.jpg">
        <img src="/post/Early-September/D50_9799_2609.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/D50_9765_2609"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/D50_9765_2609"
          data-autohide="10"
          data-title="Thomas Garden 26-09 I"
          data-description="pool"
          data-src="/pool/D50_9765_2609/normal.jpg">
        <img src="/pool/D50_9765_2609/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="D50_9798_2609"
          data-description="asset"
          data-src="/post/Early-September/D50_9798_2609.jpg">
        <img src="/post/Early-September/D50_9798_2609.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="D50_9768_2609"
          data-description="asset"
          data-src="/post/Early-September/D50_9768_2609.jpg">
        <img src="/post/Early-September/D50_9768_2609.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="D50_9770_2609"
          data-description="asset"
          data-src="/post/Early-September/D50_9770_2609.jpg">
        <img src="/post/Early-September/D50_9770_2609.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="D50_9771_2609"
          data-description="asset"
          data-src="/post/Early-September/D50_9771_2609.jpg">
        <img src="/post/Early-September/D50_9771_2609.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="D50_9774_2609"
          data-description="asset"
          data-src="/post/Early-September/D50_9774_2609.jpg">
        <img src="/post/Early-September/D50_9774_2609.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/D50_9775_2609"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/D50_9775_2609"
          data-autohide="10"
          data-title="Thomas Garden 26-09 VI"
          data-description="pool"
          data-src="/pool/D50_9775_2609/normal.jpg">
        <img src="/pool/D50_9775_2609/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="D50_9776_2609"
          data-description="asset"
          data-src="/post/Early-September/D50_9776_2609.jpg">
        <img src="/post/Early-September/D50_9776_2609.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/D50_9783_2609"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/D50_9783_2609"
          data-autohide="10"
          data-title="Thomas Garden 26-09 VIII"
          data-description="photo"
          data-src="/photos/normal/D50_9783_2609.jpg">
        <img src="/photos/mobile/D50_9783_2609.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="D50_9784_2609"
          data-description="asset"
          data-src="/post/Early-September/D50_9784_2609.jpg">
        <img src="/post/Early-September/D50_9784_2609.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="D50_9795_2609"
          data-description="asset"
          data-src="/post/Early-September/D50_9795_2609.jpg">
        <img src="/post/Early-September/D50_9795_2609.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="D50_9788_2609"
          data-description="asset"
          data-src="/post/Early-September/D50_9788_2609.jpg">
        <img src="/post/Early-September/D50_9788_2609.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="D50_9796_2609"
          data-description="asset"
          data-src="/post/Early-September/D50_9796_2609.jpg">
        <img src="/post/Early-September/D50_9796_2609.jpg" />
      </a>
    </div>
</div>

 ]]>
      </description>
    </item>
    <item>
      <guid>https://kiko.io/post/Potsdam/</guid>
      <title>Potsdam</title>
      <link>https://kiko.io/post/Potsdam/</link>
      <byline:author ref="kristofz"/>
      <byline:perspective>personal</byline:perspective>
      <category>Photo</category>
      <category>Imaging</category>
      <category>Publishing</category>
      <pubDate>Sat, 05 Sep 2026 16:00:48 +0000</pubDate>
      <description>
        <![CDATA[ <p><img src="https://kiko.io/images/social-media/Potsdam.jpg" /></p><p>My wife and I spent our summer vacation this year on the Polish Baltic coast. It was a welcome relief from the unbearable heat in Central Europe. As the 8-hour drive seemed a bit too long for us, we stopped off for two days on the way up in Potsdam, the former royal residence of the Prussian kings, foremost among them Frederick the Great, who shaped the country like no other.</p>
<p>The city is right on the doorstep of the mega-city of Berlin, but has largely retained its old charm, which is no doubt due to the fact that it was part of the former GDR until 1989 and it was only after the fall of the Berlin Wall that the city’s tourist potential could be fully exploited.</p>
<span id="more"></span>

<p>The absolutely dominant attraction is undoubtedly the palace complex of <a href="https://en.wikipedia.org/wiki/Sanssouci">Sanssouci</a>, which was built from 1745 onwards by none other than Frederick himself and which, 281 years later, still impresses us too. A nice detail is Frederick’s tomb, which has (finally) been located at Sanssouci since 1991, because the Germans still place potatoes on it to this day in honour of their ‘Old Fritz’, as it was he who popularised the most German food in the country.</p>
<hr>
<div class="photo-masonry" id="photo-masonry-tneb1g">
    <div>
      <a class="spotlight" 
          data-title="26-07-Potsdam-0009-D50"
          data-description="asset"
          data-src="/post/Potsdam/26-07-Potsdam-0009-D50.jpg">
        <img src="/post/Potsdam/26-07-Potsdam-0009-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Potsdam-0012-D50"
          data-description="asset"
          data-src="/post/Potsdam/26-07-Potsdam-0012-D50.jpg">
        <img src="/post/Potsdam/26-07-Potsdam-0012-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Potsdam-0016-D50"
          data-description="asset"
          data-src="/post/Potsdam/26-07-Potsdam-0016-D50.jpg">
        <img src="/post/Potsdam/26-07-Potsdam-0016-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Potsdam-0018-D50"
          data-description="asset"
          data-src="/post/Potsdam/26-07-Potsdam-0018-D50.jpg">
        <img src="/post/Potsdam/26-07-Potsdam-0018-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Potsdam-0020-D50"
          data-description="asset"
          data-src="/post/Potsdam/26-07-Potsdam-0020-D50.jpg">
        <img src="/post/Potsdam/26-07-Potsdam-0020-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Potsdam-0021-D50"
          data-description="asset"
          data-src="/post/Potsdam/26-07-Potsdam-0021-D50.jpg">
        <img src="/post/Potsdam/26-07-Potsdam-0021-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Potsdam-0022-D50"
          data-description="asset"
          data-src="/post/Potsdam/26-07-Potsdam-0022-D50.jpg">
        <img src="/post/Potsdam/26-07-Potsdam-0022-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Potsdam-0026-D50"
          data-description="asset"
          data-src="/post/Potsdam/26-07-Potsdam-0026-D50.jpg">
        <img src="/post/Potsdam/26-07-Potsdam-0026-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-07-Potsdam-0039-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-07-Potsdam-0039-D50"
          data-autohide="10"
          data-title="Curious Heron"
          data-description="shed"
          data-src="/shed/26-07-Potsdam-0039-D50/normal.jpg">
        <img src="/shed/26-07-Potsdam-0039-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Potsdam-0041-D50"
          data-description="asset"
          data-src="/post/Potsdam/26-07-Potsdam-0041-D50.jpg">
        <img src="/post/Potsdam/26-07-Potsdam-0041-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-07-Potsdam-0042-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-07-Potsdam-0042-D50"
          data-autohide="10"
          data-title="26-07-Potsdam-0042-D50"
          data-description="shed"
          data-src="/shed/26-07-Potsdam-0042-D50/normal.jpg">
        <img src="/shed/26-07-Potsdam-0042-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Potsdam-0043-D50"
          data-description="asset"
          data-src="/post/Potsdam/26-07-Potsdam-0043-D50.jpg">
        <img src="/post/Potsdam/26-07-Potsdam-0043-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Potsdam-0049-D50"
          data-description="asset"
          data-src="/post/Potsdam/26-07-Potsdam-0049-D50.jpg">
        <img src="/post/Potsdam/26-07-Potsdam-0049-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-07-Potsdam-0050-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-07-Potsdam-0050-D50"
          data-autohide="10"
          data-title="Sanssouci Flowers III"
          data-description="pool"
          data-src="/pool/26-07-Potsdam-0050-D50/normal.jpg">
        <img src="/pool/26-07-Potsdam-0050-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Potsdam-0053-D50"
          data-description="asset"
          data-src="/post/Potsdam/26-07-Potsdam-0053-D50.jpg">
        <img src="/post/Potsdam/26-07-Potsdam-0053-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-07-Potsdam-0057-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-07-Potsdam-0057-D50"
          data-autohide="10"
          data-title="Sanssouci Flowers V"
          data-description="pool"
          data-src="/pool/26-07-Potsdam-0057-D50/normal.jpg">
        <img src="/pool/26-07-Potsdam-0057-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-07-Potsdam-0061-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-07-Potsdam-0061-D50"
          data-autohide="10"
          data-title="26-07-Potsdam-0061-D50"
          data-description="shed"
          data-src="/shed/26-07-Potsdam-0061-D50/normal.jpg">
        <img src="/shed/26-07-Potsdam-0061-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-07-Potsdam-0062-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-07-Potsdam-0062-D50"
          data-autohide="10"
          data-title="Sanssouci View"
          data-description="shed"
          data-src="/shed/26-07-Potsdam-0062-D50/normal.jpg">
        <img src="/shed/26-07-Potsdam-0062-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Potsdam-0065-D50"
          data-description="asset"
          data-src="/post/Potsdam/26-07-Potsdam-0065-D50.jpg">
        <img src="/post/Potsdam/26-07-Potsdam-0065-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-07-Potsdam-0069-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-07-Potsdam-0069-D50"
          data-autohide="10"
          data-title="Stairway Perspective"
          data-description="shed"
          data-src="/shed/26-07-Potsdam-0069-D50/normal.jpg">
        <img src="/shed/26-07-Potsdam-0069-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Potsdam-0073-D50"
          data-description="asset"
          data-src="/post/Potsdam/26-07-Potsdam-0073-D50.jpg">
        <img src="/post/Potsdam/26-07-Potsdam-0073-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-07-Potsdam-0077-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-07-Potsdam-0077-D50"
          data-autohide="10"
          data-title="Sanssouci Beverages"
          data-description="pool"
          data-src="/pool/26-07-Potsdam-0077-D50/normal.jpg">
        <img src="/pool/26-07-Potsdam-0077-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-07-Potsdam-0078-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-07-Potsdam-0078-D50"
          data-autohide="10"
          data-title="26-07-Potsdam-0078-D50"
          data-description="shed"
          data-src="/shed/26-07-Potsdam-0078-D50/normal.jpg">
        <img src="/shed/26-07-Potsdam-0078-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-07-Potsdam-0079-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-07-Potsdam-0079-D50"
          data-autohide="10"
          data-title="26-07-Potsdam-0079-D50"
          data-description="shed"
          data-src="/shed/26-07-Potsdam-0079-D50/normal.jpg">
        <img src="/shed/26-07-Potsdam-0079-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-07-Potsdam-0080-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-07-Potsdam-0080-D50"
          data-autohide="10"
          data-title="26-07-Potsdam-0080-D50"
          data-description="shed"
          data-src="/shed/26-07-Potsdam-0080-D50/normal.jpg">
        <img src="/shed/26-07-Potsdam-0080-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-07-Potsdam-0083-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-07-Potsdam-0083-D50"
          data-autohide="10"
          data-title="Old Fritz"
          data-description="shed"
          data-src="/shed/26-07-Potsdam-0083-D50/normal.jpg">
        <img src="/shed/26-07-Potsdam-0083-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Potsdam-0087-D50"
          data-description="asset"
          data-src="/post/Potsdam/26-07-Potsdam-0087-D50.jpg">
        <img src="/post/Potsdam/26-07-Potsdam-0087-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Potsdam-0093-D50"
          data-description="asset"
          data-src="/post/Potsdam/26-07-Potsdam-0093-D50.jpg">
        <img src="/post/Potsdam/26-07-Potsdam-0093-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-07-Potsdam-0095-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-07-Potsdam-0095-D50"
          data-autohide="10"
          data-title="Borchardt Brochure"
          data-description="pool"
          data-src="/pool/26-07-Potsdam-0095-D50/normal.jpg">
        <img src="/pool/26-07-Potsdam-0095-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-07-Potsdam-0097-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-07-Potsdam-0097-D50"
          data-autohide="10"
          data-title="Sanssouci Sweets"
          data-description="pool"
          data-src="/pool/26-07-Potsdam-0097-D50/normal.jpg">
        <img src="/pool/26-07-Potsdam-0097-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-07-Potsdam-0100-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-07-Potsdam-0100-D50"
          data-autohide="10"
          data-title="Sanssouci Pot"
          data-description="pool"
          data-src="/pool/26-07-Potsdam-0100-D50/normal.jpg">
        <img src="/pool/26-07-Potsdam-0100-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-07-Potsdam-0109-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-07-Potsdam-0109-D50"
          data-autohide="10"
          data-title="Grave Potatoes"
          data-description="shed"
          data-src="/shed/26-07-Potsdam-0109-D50/normal.jpg">
        <img src="/shed/26-07-Potsdam-0109-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Potsdam-0111-D50"
          data-description="asset"
          data-src="/post/Potsdam/26-07-Potsdam-0111-D50.jpg">
        <img src="/post/Potsdam/26-07-Potsdam-0111-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Potsdam-0116-D50"
          data-description="asset"
          data-src="/post/Potsdam/26-07-Potsdam-0116-D50.jpg">
        <img src="/post/Potsdam/26-07-Potsdam-0116-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Potsdam-0125-D50"
          data-description="asset"
          data-src="/post/Potsdam/26-07-Potsdam-0125-D50.jpg">
        <img src="/post/Potsdam/26-07-Potsdam-0125-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Potsdam-0127-D50"
          data-description="asset"
          data-src="/post/Potsdam/26-07-Potsdam-0127-D50.jpg">
        <img src="/post/Potsdam/26-07-Potsdam-0127-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-07-Potsdam-0130-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-07-Potsdam-0130-D50"
          data-autohide="10"
          data-title="Sanssouci Temple"
          data-description="photo"
          data-src="/photos/normal/26-07-Potsdam-0130-D50.jpg">
        <img src="/photos/mobile/26-07-Potsdam-0130-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Potsdam-0136-D50"
          data-description="asset"
          data-src="/post/Potsdam/26-07-Potsdam-0136-D50.jpg">
        <img src="/post/Potsdam/26-07-Potsdam-0136-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-07-Potsdam-0140-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-07-Potsdam-0140-D50"
          data-autohide="10"
          data-title="Potsdam Communs"
          data-description="shed"
          data-src="/shed/26-07-Potsdam-0140-D50/normal.jpg">
        <img src="/shed/26-07-Potsdam-0140-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Potsdam-0143-D50"
          data-description="asset"
          data-src="/post/Potsdam/26-07-Potsdam-0143-D50.jpg">
        <img src="/post/Potsdam/26-07-Potsdam-0143-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Potsdam-0146-D50"
          data-description="asset"
          data-src="/post/Potsdam/26-07-Potsdam-0146-D50.jpg">
        <img src="/post/Potsdam/26-07-Potsdam-0146-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Potsdam-0147-D50"
          data-description="asset"
          data-src="/post/Potsdam/26-07-Potsdam-0147-D50.jpg">
        <img src="/post/Potsdam/26-07-Potsdam-0147-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Potsdam-0154-D50"
          data-description="asset"
          data-src="/post/Potsdam/26-07-Potsdam-0154-D50.jpg">
        <img src="/post/Potsdam/26-07-Potsdam-0154-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-07-Potsdam-0155-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-07-Potsdam-0155-D50"
          data-autohide="10"
          data-title="Palais Light"
          data-description="shed"
          data-src="/shed/26-07-Potsdam-0155-D50/normal.jpg">
        <img src="/shed/26-07-Potsdam-0155-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Potsdam-0161-D50"
          data-description="asset"
          data-src="/post/Potsdam/26-07-Potsdam-0161-D50.jpg">
        <img src="/post/Potsdam/26-07-Potsdam-0161-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Potsdam-0163-D50"
          data-description="asset"
          data-src="/post/Potsdam/26-07-Potsdam-0163-D50.jpg">
        <img src="/post/Potsdam/26-07-Potsdam-0163-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-07-Potsdam-0165-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-07-Potsdam-0165-D50"
          data-autohide="10"
          data-title="St.Nikolai View"
          data-description="shed"
          data-src="/shed/26-07-Potsdam-0165-D50/normal.jpg">
        <img src="/shed/26-07-Potsdam-0165-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-07-Potsdam-0166-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-07-Potsdam-0166-D50"
          data-autohide="10"
          data-title="Potsdam Angel"
          data-description="shed"
          data-src="/shed/26-07-Potsdam-0166-D50/normal.jpg">
        <img src="/shed/26-07-Potsdam-0166-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-07-Potsdam-0167-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-07-Potsdam-0167-D50"
          data-autohide="10"
          data-title="St.Nikolai Dome I"
          data-description="pool"
          data-src="/pool/26-07-Potsdam-0167-D50/normal.jpg">
        <img src="/pool/26-07-Potsdam-0167-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-07-Potsdam-0169-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-07-Potsdam-0169-D50"
          data-autohide="10"
          data-title="St.Nikolai Dome II"
          data-description="shed"
          data-src="/shed/26-07-Potsdam-0169-D50/normal.jpg">
        <img src="/shed/26-07-Potsdam-0169-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-07-Potsdam-0172-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-07-Potsdam-0172-D50"
          data-autohide="10"
          data-title="Postdam Fassade"
          data-description="shed"
          data-src="/shed/26-07-Potsdam-0172-D50/normal.jpg">
        <img src="/shed/26-07-Potsdam-0172-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Potsdam-0178-D50"
          data-description="asset"
          data-src="/post/Potsdam/26-07-Potsdam-0178-D50.jpg">
        <img src="/post/Potsdam/26-07-Potsdam-0178-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Potsdam-0180-PXL"
          data-description="asset"
          data-src="/post/Potsdam/26-07-Potsdam-0180-PXL.jpg">
        <img src="/post/Potsdam/26-07-Potsdam-0180-PXL.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Potsdam-0181-PXL"
          data-description="asset"
          data-src="/post/Potsdam/26-07-Potsdam-0181-PXL.jpg">
        <img src="/post/Potsdam/26-07-Potsdam-0181-PXL.jpg" />
      </a>
    </div>
</div>

 ]]>
      </description>
    </item>
    <item>
      <guid>https://kiko.io/post/Link-Journal-26-08/</guid>
      <title>Link Journal 26-08</title>
      <link>https://kiko.io/post/Link-Journal-26-08/</link>
      <byline:author ref="kristofz"/>
      <byline:perspective>personal</byline:perspective>
      <category>Collection</category>
      <category>Links</category>
      <pubDate>Thu, 03 Sep 2026 11:02:12 +0000</pubDate>
      <description>
        <![CDATA[ <p><img src="https://kiko.io/images/social-media/Link-Journal-26-08.jpg" /></p><p>Over the past month of August, I’ve collected 13 links for my link journal.</p>
<span id="more"></span>


    <div class="panel">
      <div class="panel-inner">
        <div data-key="26-08-01-Cheatsheets-for-flex-grid-anchor-positioning-and-invoker-commands" class="panel-content">
          <a class="panel-favicon" href="https://polypane.app/blog/cheatsheets-for-flex-grid-anchor-positioning-and-invoker-commands/"><img src="https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=https://polypane.app/blog/cheatsheets-for-flex-grid-anchor-positioning-and-invoker-commands/&size=32"/></a>
          <time datetime="2026-08-01 11:02:00">2026-08-01</time>
          <h2><a class="panel-title" href="https://polypane.app/blog/cheatsheets-for-flex-grid-anchor-positioning-and-invoker-commands/">Cheatsheets for flex, grid, anchor positioning and invoker commands</a></h2>
          <a class="sub-link" href="https://polypane.app/blog/cheatsheets-for-flex-grid-anchor-positioning-and-invoker-commands/">polypane.app</a>
          <div class="tags"><span>CSS</span></div>
          <blockquote class="description view-trigger">
            <p>For CSS Day this year we created a set of cheatsheets explaining Flexbox, Grid, Anchor positioning and Invoker commands. They came out beautifully and a lot of…</p>
          </blockquote>
          <a class="panel-imglink" href="https://polypane.app/blog/cheatsheets-for-flex-grid-anchor-positioning-and-invoker-commands/"><img loading="lazy" src="https://polypane.app/og-images/cheatsheets-for-flex-grid-anchor-positioning-and-invoker-commands.png" class="panel-image" /></a>
          
        </div>
      </div>
    </div>
  


    <div class="panel">
      <div class="panel-inner">
        <div data-key="26-08-02-An-Introduction-To-CSS-Scroll-Driven-Animations-Scroll-And-View-Progress-Timelines" class="panel-content">
          <a class="panel-favicon" href="https://www.smashingmagazine.com/2024/12/introduction-css-scroll-driven-animations/"><img src="https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=https://www.smashingmagazine.com/2024/12/introduction-css-scroll-driven-animations/&size=32"/></a>
          <time datetime="2026-08-02 10:33:00">2026-08-02</time>
          <h2><a class="panel-title" href="https://www.smashingmagazine.com/2024/12/introduction-css-scroll-driven-animations/">An Introduction To CSS Scroll-Driven Animations - Scroll And View Progress Timelines</a></h2>
          <a class="sub-link" href="https://www.smashingmagazine.com/2024/12/introduction-css-scroll-driven-animations/">www.smashingmagazine.com</a>
          <div class="tags"><span>CSS</span></div>
          <blockquote class="description view-trigger">
            <p>10 years after scroll-driven animations were first proposed, they’re finally here — no JavaScript, no dependencies, no libraries, just pure CSS.</p>
          </blockquote>
          <a class="panel-imglink" href="https://www.smashingmagazine.com/2024/12/introduction-css-scroll-driven-animations/"><img loading="lazy" src="https://files.smashing.media/articles/introduction-css-scroll-driven-animations/introduction-css-scroll-driven-animations.jpg" class="panel-image" /></a>
          
        </div>
      </div>
    </div>
  


    <div class="panel">
      <div class="panel-inner">
        <div data-key="26-08-02-The-CSS-lh-unit" class="panel-content">
          <a class="panel-favicon" href="https://ishadeed.com/article/lh-unit/"><img src="https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=https://ishadeed.com/article/lh-unit/&size=32"/></a>
          <time datetime="2026-08-02 07:44:00">2026-08-02</time>
          <h2><a class="panel-title" href="https://ishadeed.com/article/lh-unit/">The CSS lh unit</a></h2>
          <a class="sub-link" href="https://ishadeed.com/article/lh-unit/">ishadeed.com</a>
          <div class="tags"><span>CSS</span></div>
          <blockquote class="description view-trigger">
            <p>A look at the CSS line height unit and how it works.</p>
          </blockquote>
          <a class="panel-imglink" href="https://ishadeed.com/article/lh-unit/"><img loading="lazy" src="https://ishadeed.com/assets/lh-unit/thumb.jpg" class="panel-image" /></a>
          
        </div>
      </div>
    </div>
  


    <div class="panel">
      <div class="panel-inner">
        <div data-key="26-08-04-Gap-Decorations-Are-Now-Available-Heres-Whats-New" class="panel-content">
          <a class="panel-favicon" href="https://css-tricks.com/css-gap-decorations-now-available/"><img src="https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=https://css-tricks.com/css-gap-decorations-now-available/&size=32"/></a>
          <time datetime="2026-08-04 06:24:00">2026-08-04</time>
          <h2><a class="panel-title" href="https://css-tricks.com/css-gap-decorations-now-available/">Gap Decorations Are Now Available, Here’s What’s New</a></h2>
          <a class="sub-link" href="https://css-tricks.com/css-gap-decorations-now-available/">css-tricks.com</a>
          <div class="tags"><span>css</span></div>
          <blockquote class="description view-trigger">
            <p>Today, with CSS gap decorations fully supported in Chrome and Edge, starting with version 149, you can now very easily style gaps, and with a lot of control.</p>
          </blockquote>
          <a class="panel-imglink" href="https://css-tricks.com/css-gap-decorations-now-available/"><img loading="lazy" src="https://i0.wp.com/css-tricks.com/wp-content/uploads/2026/07/gap-decorations-thumb.jpg" class="panel-image" /></a>
          
        </div>
      </div>
    </div>
  


    <div class="panel">
      <div class="panel-inner">
        <div data-key="26-08-04-Writemark-Dependency-free-live-inline-Markdown-editor-web-component" class="panel-content">
          <a class="panel-favicon" href="https://github.com/Brostoffed/writemark"><img src="https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=https://github.com/Brostoffed/writemark&size=32"/></a>
          <time datetime="2026-08-04 06:35:00">2026-08-04</time>
          <h2><a class="panel-title" href="https://github.com/Brostoffed/writemark">Writemark - Dependency-free live inline Markdown editor web component</a></h2>
          <a class="sub-link" href="https://github.com/Brostoffed/writemark">github.com</a>
          <div class="tags"><span>WebComponents</span>
<span>Markdown</span></div>
          <blockquote class="description view-trigger">
            <p>Contribute to Brostoffed/writemark development by creating an account on GitHub.</p>
          </blockquote>
          <a class="panel-imglink" href="https://github.com/Brostoffed/writemark"><img loading="lazy" src="https://opengraph.githubassets.com/e63f4ecc0a4abafaa891c1a0785be42d135b10ba3a489adaaddbaa446cafc00f/Brostoffed/writemark" class="panel-image" /></a>
          
        </div>
      </div>
    </div>
  


    <div class="panel">
      <div class="panel-inner">
        <div data-key="26-08-06-The-Quest-for-the-Perfect-Dark-Mode-Toggle-using-Vanilla-JavaScript" class="panel-content">
          <a class="panel-favicon" href="https://www.bram.us/2020/04/26/the-quest-for-the-perfect-dark-mode-using-vanilla-javascript/"><img src="https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=https://www.bram.us/2020/04/26/the-quest-for-the-perfect-dark-mode-using-vanilla-javascript/&size=32"/></a>
          <time datetime="2026-08-06 18:16:00">2026-08-06</time>
          <h2><a class="panel-title" href="https://www.bram.us/2020/04/26/the-quest-for-the-perfect-dark-mode-using-vanilla-javascript/">The Quest for the Perfect Dark Mode Toggle, using Vanilla JavaScript</a></h2>
          <a class="sub-link" href="https://www.bram.us/2020/04/26/the-quest-for-the-perfect-dark-mode-using-vanilla-javascript/">www.bram.us</a>
          <div class="tags"><span>CSS</span>
<span>JavaScript</span></div>
          <blockquote class="description view-trigger">
            <p>In The Quest for the Perfect Dark Mode, Joshua W Comeau extensively explains how he has implemented the Dark Mode Toggle on his Gatsby-powered website. It follows the system’s light/dark mode preference, but also allows for an override which he persists in localStorage. The flow to decide if Dark Mode should be used or not … Continue reading "The Quest for the Perfect Dark Mode Toggle, using Vanilla JavaScript"</p>
          </blockquote>
          <a class="panel-imglink" href="https://www.bram.us/2020/04/26/the-quest-for-the-perfect-dark-mode-using-vanilla-javascript/"><img loading="lazy" src="https://www.bram.us/wordpress/wp-content/uploads/2020/04/the-perfect-dark-mode-vanilla-js.png" class="panel-image" /></a>
          
        </div>
      </div>
    </div>
  


    <div class="panel">
      <div class="panel-inner">
        <div data-key="26-08-07-Using-geohashes-to-share-your-location-on-social-media" class="panel-content">
          <a class="panel-favicon" href="https://robida.net/entries/2026/08/05/using-geohashes-to-share-your-location-on-social-m"><img src="https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=https://robida.net/entries/2026/08/05/using-geohashes-to-share-your-location-on-social-m&size=32"/></a>
          <time datetime="2026-08-07 14:08:00">2026-08-07</time>
          <h2><a class="panel-title" href="https://robida.net/entries/2026/08/05/using-geohashes-to-share-your-location-on-social-m">Using geohashes to share your location on social media</a></h2>
          <a class="sub-link" href="https://robida.net/entries/2026/08/05/using-geohashes-to-share-your-location-on-social-m">robida.net</a>
          <div class="tags"><span>Map</span>
<span>Tool</span></div>
          <blockquote class="description view-trigger">
            <p>A lot of personal sites like posting small tidbits of information that capture the moment a post was written: the current weather (☀️ +75°F), what song is now playing, or the author's mood. A few yea…</p>
          </blockquote>
          
          <p class="content"><div class="cardlink-container">
  <a class="cardlink-card" href="https://www.geohash.es/encode">
    <div class="cardlink-main">
      <div class="cardlink-title">Encode coordinate to Geohash</div>
      <div class="cardlink-description">Convert a coordinate to its geohash representation</div>
      <div class="cardlink-host">
        <img class="cardlink-favicon no-zoom" src="https://t2.gstatic.com/faviconV2?client&#x3D;SOCIAL&amp;type&#x3D;FAVICON&amp;fallback_opts&#x3D;TYPE,SIZE,URL&amp;url&#x3D;https://www.geohash.es/encode&amp;size&#x3D;32" />
        <span>www.geohash.es</span>
      </div>
    </div>
    
  </a>
</div>


<div class="cardlink-container">
  <a class="cardlink-card" href="https://www.geohash.es/decode?geohash&#x3D;dr5r7p4xb2ts">
    <div class="cardlink-main">
      <div class="cardlink-title">Decode a Geohash - Statue of Liberty</div>
      <div class="cardlink-description">Convert a geohash into a coordinate, a GeoJSON polygon, a BBox and many more formats</div>
      <div class="cardlink-host">
        <img class="cardlink-favicon no-zoom" src="https://t2.gstatic.com/faviconV2?client&#x3D;SOCIAL&amp;type&#x3D;FAVICON&amp;fallback_opts&#x3D;TYPE,SIZE,URL&amp;url&#x3D;https://www.geohash.es/decode?geohash&#x3D;dr5r7p4xb2ts&amp;size&#x3D;32" />
        <span>www.geohash.es</span>
      </div>
    </div>
    
  </a>
</div></p>
        </div>
      </div>
    </div>
  


    <div class="panel">
      <div class="panel-inner">
        <div data-key="26-08-07-Working-with-highlight-using-progressive-enhancement" class="panel-content">
          <a class="panel-favicon" href="https://piccalil.li/blog/working-with-highlight-using-progressive-enhancement"><img src="https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=https://piccalil.li/blog/working-with-highlight-using-progressive-enhancement&size=32"/></a>
          <time datetime="2026-08-07 08:07:00">2026-08-07</time>
          <h2><a class="panel-title" href="https://piccalil.li/blog/working-with-highlight-using-progressive-enhancement">Working with highlight() using progressive enhancement</a></h2>
          <a class="sub-link" href="https://piccalil.li/blog/working-with-highlight-using-progressive-enhancement">piccalil.li</a>
          <div class="tags"><span>CSS</span>
<span>JavaScript</span></div>
          <blockquote class="description view-trigger">
            <p>Using a baseline of &lt;mark> elements, Sunkanmi Fafowora helps you to understand how the new highlight API works with some progressive enhancement for good measure.</p>
          </blockquote>
          <a class="panel-imglink" href="https://piccalil.li/blog/working-with-highlight-using-progressive-enhancement"><img loading="lazy" src="https://piccalil.b-cdn.net/api/og-image?slug=working-with-highlight-using-progressive-enhancement/" class="panel-image" /></a>
          
        </div>
      </div>
    </div>
  


    <div class="panel">
      <div class="panel-inner">
        <div data-key="26-08-10-Using-animation-composition-in-CSS-to-Avoid-Redeclaring-Other-Values" class="panel-content">
          <a class="panel-favicon" href="https://master.dev/blog/using-animation-composition-in-css-to-avoid-redeclaring-other-values"><img src="https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=https://master.dev/blog/using-animation-composition-in-css-to-avoid-redeclaring-other-values&size=32"/></a>
          <time datetime="2026-08-10 07:50:00">2026-08-10</time>
          <h2><a class="panel-title" href="https://master.dev/blog/using-animation-composition-in-css-to-avoid-redeclaring-other-values">Using animation-composition in CSS to Avoid Redeclaring Other Values</a></h2>
          <a class="sub-link" href="https://master.dev/blog/using-animation-composition-in-css-to-avoid-redeclaring-other-values">master.dev</a>
          <div class="tags"><span>CSS</span></div>
          <blockquote class="description view-trigger">
            <p>Here's an example. You can list multiple comma-separated box-shadows, but if you apply a *new* box-shadow, it overrides anything set before. Not true here.</p>
          </blockquote>
          <a class="panel-imglink" href="https://master.dev/blog/using-animation-composition-in-css-to-avoid-redeclaring-other-values"><img loading="lazy" src="https://master.dev/blog/wp-json/social-image-generator/v1/image/10491" class="panel-image" /></a>
          
        </div>
      </div>
    </div>
  


    <div class="panel">
      <div class="panel-inner">
        <div data-key="26-08-19-Re-The-Loss-of-Links-Continues" class="panel-content">
          <a class="panel-favicon" href="https://michaelharley.net/posts/2026/08/18/re-the-loss-of-links-continues/"><img src="https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=https://michaelharley.net/posts/2026/08/18/re-the-loss-of-links-continues/&size=32"/></a>
          <time datetime="2026-08-19 05:29:00">2026-08-19</time>
          <h2><a class="panel-title" href="https://michaelharley.net/posts/2026/08/18/re-the-loss-of-links-continues/">Re: The Loss of Links Continues</a></h2>
          <a class="sub-link" href="https://michaelharley.net/posts/2026/08/18/re-the-loss-of-links-continues/">michaelharley.net</a>
          <div class="tags"><span>JavaScript</span>
<span>Blogging</span></div>
          <blockquote class="description view-trigger">
            <p>Just adding my two cents to this discussion about link rot and what we can do about it.</p>
          </blockquote>
          
          
        </div>
      </div>
    </div>
  


    <div class="panel">
      <div class="panel-inner">
        <div data-key="26-08-22-feedecho-Self-hosted-RSS-feed-cross-poster" class="panel-content">
          <a class="panel-favicon" href="https://github.com/jcrabapple/feedecho"><img src="https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=https://github.com/jcrabapple/feedecho&size=32"/></a>
          <time datetime="2026-08-22 21:49:00">2026-08-22</time>
          <h2><a class="panel-title" href="https://github.com/jcrabapple/feedecho">feedecho - Self-hosted RSS feed cross-poster</a></h2>
          <a class="sub-link" href="https://github.com/jcrabapple/feedecho">github.com</a>
          <div class="tags"><span>Feeds</span>
<span>Syndication</span></div>
          <blockquote class="description view-trigger">
            <p>Self-hosted RSS feed cross-poster. Route items from RSS, Atom, and JSON feeds to Mastodon, Bluesky, and email using configurable templates. Built as a replacement for Echofeed, which shut down in August 2026.</p>
          </blockquote>
          <a class="panel-imglink" href="https://github.com/jcrabapple/feedecho"><img loading="lazy" src="https://opengraph.githubassets.com/b1c2553db28561abc27464ed6934384530c2ff488b0a472ec4f59e2afa0be635/jcrabapple/feedecho" class="panel-image" /></a>
          
        </div>
      </div>
    </div>
  


    <div class="panel">
      <div class="panel-inner">
        <div data-key="26-08-22-I-shipped-my-comment-plugin-to-a-service-that-could-never-accept-it" class="panel-content">
          <a class="panel-favicon" href="https://rmendes.net/articles/2026/08/21/ai-shipped-comment-plugin-indielogin/"><img src="https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=https://rmendes.net/articles/2026/08/21/ai-shipped-comment-plugin-indielogin/&size=32"/></a>
          <time datetime="2026-08-22 08:20:00">2026-08-22</time>
          <h2><a class="panel-title" href="https://rmendes.net/articles/2026/08/21/ai-shipped-comment-plugin-indielogin/">I shipped my comment plugin to a service that could never accept it</a></h2>
          <a class="sub-link" href="https://rmendes.net/articles/2026/08/21/ai-shipped-comment-plugin-indielogin/">rmendes.net</a>
          <div class="tags"><span>IndieWeb</span>
<span>Authentication</span></div>
          <blockquote class="description view-trigger">
            <p>I shipped my comment plugin to a service that could never accept it 21 August 2026 indieweb IndieAuth indiekit ai Claude comments A migration to IndieLogin.com that could never have worked, why the fa...</p>
          </blockquote>
          <a class="panel-imglink" href="https://rmendes.net/articles/2026/08/21/ai-shipped-comment-plugin-indielogin/"><img loading="lazy" src="https://rmendes.net/og/2026-08-21-ai-shipped-comment-plugin-indielogin.png" class="panel-image" /></a>
          
        </div>
      </div>
    </div>
  


    <div class="panel">
      <div class="panel-inner">
        <div data-key="26-08-26-Your-Modules-Are-Lying-to-You" class="panel-content">
          <a class="panel-favicon" href="https://blog.gaborkoos.com/posts/2026-08-14-Your-Modules-Are-Lying-to-You/"><img src="https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=https://blog.gaborkoos.com/posts/2026-08-14-Your-Modules-Are-Lying-to-You/&size=32"/></a>
          <time datetime="2026-08-26 14:43:00">2026-08-26</time>
          <h2><a class="panel-title" href="https://blog.gaborkoos.com/posts/2026-08-14-Your-Modules-Are-Lying-to-You/">Your Modules Are Lying to You</a></h2>
          <a class="sub-link" href="https://blog.gaborkoos.com/posts/2026-08-14-Your-Modules-Are-Lying-to-You/">blog.gaborkoos.com</a>
          <div class="tags"><span>JavaScript</span></div>
          <blockquote class="description view-trigger">
            <p>ESM and CommonJS expose values through different contracts. Learn how bindings, object references, evaluation order, caching, cycles, and interop shape module behavior in Node.js.</p>
          </blockquote>
          
          
        </div>
      </div>
    </div>
  
 ]]>
      </description>
    </item>
    <item>
      <guid>https://kiko.io/post/SVWW-vs-Rot-Weiss-Essen-2026-08-29/</guid>
      <title>SVWW vs. Rot-Weiss Essen @ 2026-08-29</title>
      <link>https://kiko.io/post/SVWW-vs-Rot-Weiss-Essen-2026-08-29/</link>
      <byline:author ref="kristofz"/>
      <byline:perspective>personal</byline:perspective>
      <category>Football</category>
      <category>SVWW</category>
      <category>3. Bundesliga</category>
      <pubDate>Sun, 30 Aug 2026 10:44:25 +0000</pubDate>
      <description>
        <![CDATA[ <p><img src="https://kiko.io/images/social-media/SVWW-vs-Rot-Weiss-Essen-2026-08-29.jpg" /></p>
    <div class="float-matchgrid">
      <img src="/images/logos/SV-Wehen-Wiesbaden.svg" />
      <span>0:0</span>
      <img src="/images/logos/Rot-Weiss-Essen.svg" />
    </div>
  

<p>Before yesterday’s home match, I was already a bit worried, as Essen had knocked out second-division team St. Pauli in the DFB-Pokal at the weekend, whereas we, as everyone knows, lost 0:4 to Leverkusen. Either a win like that gives a team a boost, or they’ll be too tired for their next league match.</p>
<span id="more"></span>

<p>The last one seemed to be the case, and you could tell our boys were really wanting to win today. That was also down to <a href="https://www.kicker.de/marcus-mueller/spieler/3-liga/2026-27/sv-wehen-wiesbaden">Marcus Müller</a>, our new signing this week, whom the manager, together with Flotho, fielded straight away as a striking duo from the start. A 4-4-2 … that’s rare for us too. And how that guy was running! He was clearly intent on making a good impression on the fans straight away, and he accomplished that. I almost felt sorry for one or two of the Essen players when he burst past them.</p>
<p>The rest of the team certainly tried just as hard, but there were simply too many mistakes to benefit from their undoubted determination. Essen were clearly the better team, but still rarely got near goal, and when they did, their shots were harmless. They were tired.</p>
<p>But it wasn’t just us who made mistakes, the referee did too, mostly against us, and in such a way that shouts of “cheater” echoed from the stands. The man was either biased or simply not good enough for the 3rd Division.</p>
<p>My personal highlight was the introduction of our second new signing this week in the 58th minute, <a href="https://www.kicker.de/roberto-massimo/spieler/3-liga/2026-27/sv-wehen-wiesbaden">Roberto Massimo</a>, who, less than 30 seconds after stepping onto the pitch, sprinted down the right flank and curled the ball beautifully into the far corner. Unfortunately, the Essen goalkeeper was there to tip the ball over the bar.</p>
<p>Although the final 15 minutes belonged entirely to us, we failed to capitalise on it, which was only partly down to the opponent’s good goalkeeper. Yes, there were no goals in this match and we’ve now got our first point, but it’s not exactly satisfying. Things can and must get better, because I certainly won’t be buying a season ticket for the Regionalliga.</p>
<hr>
<div class="photo-masonry" id="photo-masonry-442oai">
    <div>
      <a class="spotlight" 
          data-title="PXL_20260829_114344370"
          data-description="asset"
          data-src="/post/SVWW-vs-Rot-Weiss-Essen-2026-08-29/PXL_20260829_114344370.jpg">
        <img src="/post/SVWW-vs-Rot-Weiss-Essen-2026-08-29/PXL_20260829_114344370.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="PXL_20260829_114740956"
          data-description="asset"
          data-src="/post/SVWW-vs-Rot-Weiss-Essen-2026-08-29/PXL_20260829_114740956.jpg">
        <img src="/post/SVWW-vs-Rot-Weiss-Essen-2026-08-29/PXL_20260829_114740956.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="PXL_20260829_115950077"
          data-description="asset"
          data-src="/post/SVWW-vs-Rot-Weiss-Essen-2026-08-29/PXL_20260829_115950077.jpg">
        <img src="/post/SVWW-vs-Rot-Weiss-Essen-2026-08-29/PXL_20260829_115950077.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="PXL_20260829_114932966"
          data-description="asset"
          data-src="/post/SVWW-vs-Rot-Weiss-Essen-2026-08-29/PXL_20260829_114932966.jpg">
        <img src="/post/SVWW-vs-Rot-Weiss-Essen-2026-08-29/PXL_20260829_114932966.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/PXL_20260829_115734499"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/PXL_20260829_115734499"
          data-autohide="10"
          data-title="SVWW vs. Rot-Weiss Essen @ 2026-08-29"
          data-description="photo"
          data-src="/photos/normal/PXL_20260829_115734499.jpg">
        <img src="/photos/mobile/PXL_20260829_115734499.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="PXL_20260829_115823753"
          data-description="asset"
          data-src="/post/SVWW-vs-Rot-Weiss-Essen-2026-08-29/PXL_20260829_115823753.jpg">
        <img src="/post/SVWW-vs-Rot-Weiss-Essen-2026-08-29/PXL_20260829_115823753.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="PXL_20260829_122304687"
          data-description="asset"
          data-src="/post/SVWW-vs-Rot-Weiss-Essen-2026-08-29/PXL_20260829_122304687.jpg">
        <img src="/post/SVWW-vs-Rot-Weiss-Essen-2026-08-29/PXL_20260829_122304687.jpg" />
      </a>
    </div>
</div>


<p>&#x21FE;&nbsp;<a href="https://www.kicker.de/wiesbaden-gegen-essen-2026-liga-5233236/spielbericht">Match report on kicker.de</a></p>
 ]]>
      </description>
    </item>
    <item>
      <guid>https://kiko.io/post/Arid-Rhine/</guid>
      <title>Arid Rhine</title>
      <link>https://kiko.io/post/Arid-Rhine/</link>
      <byline:author ref="kristofz"/>
      <byline:perspective>personal</byline:perspective>
      <category>Photo</category>
      <category>Imaging</category>
      <category>Publishing</category>
      <pubDate>Fri, 28 Aug 2026 17:44:40 +0000</pubDate>
      <description>
        <![CDATA[ <p><img src="https://kiko.io/images/social-media/Arid-Rhine.jpg" /></p><p>People who live by a river are used to seeing more or less water flowing past them at different times. We live in a city by the Rhine, but not right next to the water, so at the weekend we popped over to the nearby Rheingau to take a closer look at the current drama of the lowest water levels in decades, although the situation has already eased somewhat over the last two weeks thanks to a bit of rain.</p>
<span id="more"></span>

<p>It was still quite shocking. Sandbanks have emerged away from the shipping channel that I’ve never seen before, and you could reach the <a href="https://en.wikipedia.org/wiki/Mouse_Tower">Bingen Mouse Tower</a> very easily and without getting your feet wet from the other side of the Rhine, even though it’s usually on an island in the middle of the river. Certainly a lovely walk for tourists, but a dramatic situation for those who live in the river, the local residents and inland shipping. This year, a new low-water record of 32 centimetres (!) was recorded at the Bingen river gauge. A few weeks ago, the level was even 0 upstream near Cologne. </p>
<p>Try telling me again that we don’t have a problem with the climate. I’ll take a few photos of the high water this winter…</p>
<figure>
  <img loading="lazy" src="/post/Arid-Rhine/D50_9752-Pano_2608.jpg" class="no-caption">
</figure>

<hr>
<div class="photo-masonry" id="photo-masonry-wxo8s3">
    <div>
      <a class="spotlight" 
          data-title="PXL_20260815_105142974"
          data-description="asset"
          data-src="/post/Arid-Rhine/PXL_20260815_105142974.jpg">
        <img src="/post/Arid-Rhine/PXL_20260815_105142974.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="PXL_20260815_105219626"
          data-description="asset"
          data-src="/post/Arid-Rhine/PXL_20260815_105219626.jpg">
        <img src="/post/Arid-Rhine/PXL_20260815_105219626.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="D50_9748_2608"
          data-description="asset"
          data-src="/post/Arid-Rhine/D50_9748_2608.jpg">
        <img src="/post/Arid-Rhine/D50_9748_2608.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="D50_9746_2608"
          data-description="asset"
          data-src="/post/Arid-Rhine/D50_9746_2608.jpg">
        <img src="/post/Arid-Rhine/D50_9746_2608.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/D50_9755-HDR_2608"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/D50_9755-HDR_2608"
          data-autohide="10"
          data-title="Ehrenfels Clouds"
          data-description="photo"
          data-src="/photos/normal/D50_9755-HDR_2608.jpg">
        <img src="/photos/mobile/D50_9755-HDR_2608.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/D50_9760-HDR_2608"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/D50_9760-HDR_2608"
          data-autohide="10"
          data-title="Vineyard Clouds"
          data-description="shed"
          data-src="/shed/D50_9760-HDR_2608/normal.jpg">
        <img src="/shed/D50_9760-HDR_2608/mobile.jpg" />
      </a>
    </div>
</div>

 ]]>
      </description>
    </item>
    <item>
      <guid>https://kiko.io/post/AuguStory-The-story-of-my-blog/</guid>
      <title>AuguStory - The story of my blog</title>
      <link>https://kiko.io/post/AuguStory-The-story-of-my-blog/</link>
      <byline:author ref="kristofz"/>
      <byline:perspective>personal</byline:perspective>
      <category>Coding</category>
      <category>Publishing</category>
      <category>IndieWeb</category>
      <pubDate>Wed, 26 Aug 2026 16:05:43 +0000</pubDate>
      <description>
        <![CDATA[ <p><img src="https://kiko.io/images/social-media/AuguStory-The-story-of-my-blog.jpg" /></p><p>When Robert Birming, following <a href="https://robertbirming.com/junited-2026-blog-sharing/">Junited</a> and <a href="https://robertbirming.com/julyreply-2026-blog-connecting/">JulyReply</a>, called for contributions to <a href="https://robertbirming.com/augustory-story-blog/"><strong>AuguStory</strong></a> under the heading ‘<em>The Story of your Blog</em>‘, I thought to myself: If there’s one thing I can do, it’s write about my blog … but I found it much harder than I’d expected, simply because I’ve written about it so many times before.</p>
<span id="more"></span>
<p>When I made a fresh start with blogging on kiko.io in September 2019 – initially just to publicly document technical matters for my own benefit – my very second post was about the creation of the blog itself. This turned into a whole series of posts called <a href="/series/a-new-blog/"><strong>A New Blog</strong></a>, under which I have published 37 posts to date. Whenever I learnt something new about my current static site generator of choice, <a href="https://hexo.io/">Hexo</a>, adapted it to my needs or implemented something entirely new, I wrote a post about it. In addition, last year I began compiling the history, methodology and technology behind this blog in a <a href="/colophon/"><strong>Colophon</strong></a>. It currently consists of the sections <a href="https://kiko.io/post/Colophon-Impetus-Technology/">Impetus &amp; Technology</a>, <a href="https://kiko.io/post/Colophon-Hosting-Deployment/">Hosting &amp; Deployment</a>, <a href="https://kiko.io/post/Colophon-Writing/">Writing</a> and <a href="https://kiko.io/post/Colophon-Special-Pages/">Special Pages</a>. There are three more I’d want to write: Imaging, Styling and Integrations &amp; Privacy.</p>
<hr>
<p>For me, the focus of my blog has shifted somewhat in the meantime. Whereas the claim&#x2F;slogan at the start was ‘Memorable Tech Stuff’, the ‘Tech’ has been in brackets for some time now, as there isn’t much left from my actual job as a software developer that I could write about, because I’ve moved completely into management and only code for my own enjoyment these days… as I’m doing for this website, for example. Without code, it simply doesn’t work – even though I’m giving more and more space to my second great passion: photography. In my spare time, I’ll soon be spending more time in Lightroom than in Visual Studio Code, or out and about with my camera to get more material. You can see this reflected in my posts too; the article series <a href="/series/thomas-garden">Thomas Garden</a> and <a href="/series/new-photos">New Photos</a> now contain 46 posts, and I’m currently working on more photos and, in turn, more posts.</p>
<p>As a big fan of the <a href="https://indieweb.org/">IndieWeb</a>, means not relying on large, commercial providers to publish own thoughts, but rather building own things like a skilled craftsman, the aspect of syndicating my own content according to the <a href="https://indieweb.org/POSSE">POSSE principle</a> is something I’m particularly dedicated to. Every article, every note and every photo has its own page on kiko.io, which includes a list of syndications on other platforms, primarily in the Fediverse. All interactions with these syndications, together with the webmentions posted by other blogs, are displayed on the respective page via the JavaScript solution <a href="https://github.com/kristofzerbe/Mentions-United">Mentions United</a>. Actually I post new syndications several times a week. At the moment, for example, I post one daily on Mastodon, where I’m contributing my photos to the hashtag campaign <a href="https://indieweb.social/@FotoVorschlag@mastodon.social">#Fotovorschlag</a> (PhotoSuggestion).</p>
<p>Right now, I’m finding it a bit difficult to write posts, because to produce a good text, you need not only time for basic research, but also a reasonably clear head. When I sit down to write a new piece, for almost a year now, I’ve been writing it in my mother tongue German first, then running it through the DeepL translator and adapting the result to my sense of the English language, as I’ve noticed that posts I write directly in English tend to come across as rather stilted. I certainly don’t ditch the original German text afterwards, but attach it to the article as the German version. It’s a win-win situation for readers.</p>
<hr>
<h2 id="Closing-Thoughts"><a href="#Closing-Thoughts" class="headerlink" title="Closing Thoughts"></a>Closing Thoughts</h2><p>It’s great fun to have a little corner of the internet of your own where you can do whatever you like. It doesn’t really matter whether or who reads it, even though I’m happy about every LIKE and every REPOST or even a REPLY, because when you do something, whatever it is, positive feedback is a welcome form of acknowledgement. However, the line between LIKE-hunting is seductively thin, and you have to be careful that the dopamine rushes don’t make you dizzy. But nobody can tell me they run a blog just to keep it from being seen. It’s a conscious engagement with the public and helps to build networks that go far beyond what was possible in the past. I think a relaxed attitude towards this is essential. However, I’m technically capable of implementing my ideas and visions almost exactly as I envision them, and I understand those who prefer to rely on a ready-made platform so as not to get frustrated with the code right from the start. From this perspective, I don’t think AI-based approaches are entirely unreasonable, even though I tend to belong to the sceptical faction.</p>
<p>Happy Blogging :)</p>
<img class="left" src="https://bear-images.sfo2.cdn.digitaloceanspaces.com/robert/augustory-btn.webp">
<br>
 ]]>
      </description>
    </item>
    <item>
      <guid>https://kiko.io/notes/2026/Indieweb-Is-Punk-Sticker/</guid>
      <title>IndieWeb Is Punk - Sticker</title>
      <link>https://kiko.io/notes/2026/Indieweb-Is-Punk-Sticker/</link>
      <byline:author ref="kristofz"/>
      <byline:perspective>personal</byline:perspective>
      <category>Note</category>
      <pubDate>Mon, 24 Aug 2026 17:54:00 +0000</pubDate>
      <description>
        <![CDATA[ <p><img src="https://kiko.io/images/social-media/Indieweb-Is-Punk-Sticker.jpg" /></p><p>I really like the <a href="https://indiewebispunk.net/"><strong>IndieWeb Is Punk</strong></a> initiative by <a href="https://indieweb.social/@jimmitchell">Jim Mitchell</a>, because the eight points in his manifesto express exactly what I think about the IndieWeb too. “<em>Own your domain. Own your data. Own your identity.</em>“ … “<em>Have fun, or what’s the point?</em>“ … “<em>We don’t need major platforms.</em>“</p>
<p>Along with the website <a href="https://indiewebispunk.net/">indiewebispunk.net</a>, Jim has also released a punk-style logo that seemed predestined to be turned into stickers. As his sticker shop unfortunately only delivers to the US, he provided me with the <a href="https://indiewebispunk.net/resources/indieweb-logo-hirez.png">logo as a hi-res PNG file</a> over Mastodon and I placed an order to my trusted European sticker supplier (PrettyGoodStickers by Ride All Day AB, Gothenburg, Sweden).</p>
<p>I’d like to share the link here so that you can reorder them if you’re from Europe and would like to have some … <a href="https://www.prettygoodstickers.com/sticker?id=e80f227a-6e71-479d-8d9d-a691404d1c89">https://www.prettygoodstickers.com/sticker?id=e80f227a-6e71-479d-8d9d-a691404d1c89</a></p>
<p><img src="/notes/2026/_attachments/indieweb-is-punk-prettygoodstickers.png"></p>
<p>INDIEWEB IS PUNK. OI !</p>
<hr>
<div class="cardlink-container">
  <a class="cardlink-card" href="https://jimmitchell.org/2025/06/19/indieweb-is-punk/">
    <div class="cardlink-main">
      <div class="cardlink-title">IndieWeb is Punk — Jim Mitchell</div>
      <div class="cardlink-description">We don&#x27;t need major platforms. We have the Web, keyboards, tools, and community. IndieWeb is Punk! Is it time to bring the Mohawks back? - @jthingelstad</div>
      <div class="cardlink-host">
        <img class="cardlink-favicon no-zoom" src="https://t2.gstatic.com/faviconV2?client&#x3D;SOCIAL&amp;type&#x3D;FAVICON&amp;fallback_opts&#x3D;TYPE,SIZE,URL&amp;url&#x3D;https://jimmitchell.org/2025/06/19/indieweb-is-punk/&amp;size&#x3D;32" />
        <span>jimmitchell.org</span>
        </div>
    </div>
    <div class="cardlink-thumbnail" style="background-image: url(https://jimmitchell.org/2025/06/19/indieweb-is-punk/og.png)"></div>
  </a>
</div>
 ]]>
      </description>
    </item>
    <item>
      <guid>https://kiko.io/post/DFB-Cup-SVWW-vs-Bayer-04-Leverkusen-2026-08-22/</guid>
      <title>DFB Cup: SVWW vs. Bayer 04 Leverkusen @ 2026-08-22</title>
      <link>https://kiko.io/post/DFB-Cup-SVWW-vs-Bayer-04-Leverkusen-2026-08-22/</link>
      <byline:author ref="kristofz"/>
      <byline:perspective>personal</byline:perspective>
      <category>Football</category>
      <category>SVWW</category>
      <category>DFB-Pokal</category>
      <pubDate>Sat, 22 Aug 2026 17:33:05 +0000</pubDate>
      <description>
        <![CDATA[ <p><img src="https://kiko.io/images/social-media/DFB-Cup-SVWW-vs-Bayer-04-Leverkusen-2026-08-22.jpg" /></p>
    <div class="float-matchgrid">
      <img src="/images/logos/SV-Wehen-Wiesbaden.svg" />
      <span>0:4</span>
      <img src="/images/logos/Bayer-04-Leverkusen.svg" />
    </div>
  

<p>It’s been a while since I wrote my last post about a match involving my favourite club, SV Wehen Wiesbaden. I’m not quite sure why, but I promise to do better, as I still have a season ticket and try to watch every home match. I’ve even convinced my wife. She has one now too ;)</p>
<p>The start in the new 3. Bundesliga season wasn’t exactly thrilling. We lost our first home match against <a href="https://www.kicker.de/wiesbaden-gegen-muenster-2026-liga-5233214/analyse"><strong>Preußen Münster</strong></a> <strong>1–3</strong> right off the bat. I was looking forward to the match because my favourite player from last season, <a href="https://www.kicker.de/ryan-johansson/spieler/3-liga/2025-26/sv-wehen-wiesbaden">Ryan Johanson</a>, had transferred to Münster and immediately had to return to Wiesbaden for the very first match.<br>The second match, away against <a href="https://www.kicker.de/wuerzburg-gegen-wiesbaden-2026-liga-5233230/analyse"><strong>Würzburg</strong></a>, was unfortunately also a disaster. The final score was even 4–0.</p>
<p>Today, however, there was a break in league play, and the first round of the DFB Cup was played. In the pairing draw, we immediately drew a tough opponent: the 2023 German football champions, <a href="https://www.kicker.de/bayer-04-leverkusen/info/"><strong>Bayer 04 Leverkusen</strong></a>! Since the Cup is known to have its own rules, and we put up a really good and “close” Cup match against Bayern Munich last year, some of us were feeling a little hopeful.</p>
<span id="more"></span>

<hr>
<p>In the first half, it certainly looked as though we could give Bayer a hard time. The boys ran and fought just as all the fans would actually like to see them do in the league, and managed to get into the opposition’s penalty area on a few times, but the Leverkusen defence was always on hand and the two or three standards we won were wasted. We weren’t playing great, but we were in good heart until the 43rd minute, when Leverkusen scored <strong>0:1</strong> through Patrik Schick.</p>
<p>Probably boosted by the goal just before half-time and the manager’s occasional reminders to his players, the second half started as the first had ended… <strong>0:2</strong>. Leverkusen hit their operating temperature and the difference in class was now clearly evident. We kept up with them, but lacked precision in our passing, pace and finesse. After the <strong>0:3</strong> and the <strong>0:4</strong>, it was clear to everyone that, unfortunately, there would be no surprise today.</p>
<p>I’m curious to see how the team reacts to these three clear defeats. Next week we’re at home in the league against Rot-Weiß Essen, and a bit of fire in the belly would be just the thing.</p>
<hr>
<div class="photo-masonry" id="photo-masonry-neersz">
    <div>
      <a class="spotlight" 
          data-title="PXL_20260822_104506472"
          data-description="asset"
          data-src="/post/DFB-Cup-SVWW-vs-Bayer-04-Leverkusen-2026-08-22/PXL_20260822_104506472.jpg">
        <img src="/post/DFB-Cup-SVWW-vs-Bayer-04-Leverkusen-2026-08-22/PXL_20260822_104506472.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="PXL_20260822_104634276"
          data-description="asset"
          data-src="/post/DFB-Cup-SVWW-vs-Bayer-04-Leverkusen-2026-08-22/PXL_20260822_104634276.jpg">
        <img src="/post/DFB-Cup-SVWW-vs-Bayer-04-Leverkusen-2026-08-22/PXL_20260822_104634276.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="PXL_20260822_105627460"
          data-description="asset"
          data-src="/post/DFB-Cup-SVWW-vs-Bayer-04-Leverkusen-2026-08-22/PXL_20260822_105627460.jpg">
        <img src="/post/DFB-Cup-SVWW-vs-Bayer-04-Leverkusen-2026-08-22/PXL_20260822_105627460.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="PXL_20260822_105641896"
          data-description="asset"
          data-src="/post/DFB-Cup-SVWW-vs-Bayer-04-Leverkusen-2026-08-22/PXL_20260822_105641896.jpg">
        <img src="/post/DFB-Cup-SVWW-vs-Bayer-04-Leverkusen-2026-08-22/PXL_20260822_105641896.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="PXL_20260822_105926146"
          data-description="asset"
          data-src="/post/DFB-Cup-SVWW-vs-Bayer-04-Leverkusen-2026-08-22/PXL_20260822_105926146.jpg">
        <img src="/post/DFB-Cup-SVWW-vs-Bayer-04-Leverkusen-2026-08-22/PXL_20260822_105926146.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="PXL_20260822_111759244"
          data-description="asset"
          data-src="/post/DFB-Cup-SVWW-vs-Bayer-04-Leverkusen-2026-08-22/PXL_20260822_111759244.jpg">
        <img src="/post/DFB-Cup-SVWW-vs-Bayer-04-Leverkusen-2026-08-22/PXL_20260822_111759244.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="PXL_20260822_114616920"
          data-description="asset"
          data-src="/post/DFB-Cup-SVWW-vs-Bayer-04-Leverkusen-2026-08-22/PXL_20260822_114616920.jpg">
        <img src="/post/DFB-Cup-SVWW-vs-Bayer-04-Leverkusen-2026-08-22/PXL_20260822_114616920.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="PXL_20260822_120321354"
          data-description="asset"
          data-src="/post/DFB-Cup-SVWW-vs-Bayer-04-Leverkusen-2026-08-22/PXL_20260822_120321354.jpg">
        <img src="/post/DFB-Cup-SVWW-vs-Bayer-04-Leverkusen-2026-08-22/PXL_20260822_120321354.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="PXL_20260822_121029947"
          data-description="asset"
          data-src="/post/DFB-Cup-SVWW-vs-Bayer-04-Leverkusen-2026-08-22/PXL_20260822_121029947.jpg">
        <img src="/post/DFB-Cup-SVWW-vs-Bayer-04-Leverkusen-2026-08-22/PXL_20260822_121029947.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="PXL_20260822_121232840"
          data-description="asset"
          data-src="/post/DFB-Cup-SVWW-vs-Bayer-04-Leverkusen-2026-08-22/PXL_20260822_121232840.jpg">
        <img src="/post/DFB-Cup-SVWW-vs-Bayer-04-Leverkusen-2026-08-22/PXL_20260822_121232840.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="PXL_20260822_121952538"
          data-description="asset"
          data-src="/post/DFB-Cup-SVWW-vs-Bayer-04-Leverkusen-2026-08-22/PXL_20260822_121952538.jpg">
        <img src="/post/DFB-Cup-SVWW-vs-Bayer-04-Leverkusen-2026-08-22/PXL_20260822_121952538.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="PXL_20260822_125057368"
          data-description="asset"
          data-src="/post/DFB-Cup-SVWW-vs-Bayer-04-Leverkusen-2026-08-22/PXL_20260822_125057368.jpg">
        <img src="/post/DFB-Cup-SVWW-vs-Bayer-04-Leverkusen-2026-08-22/PXL_20260822_125057368.jpg" />
      </a>
    </div>
</div>

 ]]>
      </description>
    </item>
    <item>
      <guid>https://kiko.io/post/Dry-August/</guid>
      <title>Dry August</title>
      <link>https://kiko.io/post/Dry-August/</link>
      <byline:author ref="kristofz"/>
      <byline:perspective>personal</byline:perspective>
      <category>Photo</category>
      <category>Flora</category>
      <pubDate>Sun, 16 Aug 2026 15:23:44 +0000</pubDate>
      <description>
        <![CDATA[ <p><img src="https://kiko.io/images/social-media/Dry-August.jpg" /></p><p>The heatwave in Germany is continuing and everyone is suffering. We’re simply not (yet!) prepared for so many days with temperatures above 35 degrees Celsius. Thomas’s plants are also suffering from heat stress, even though he’s been watering them as best he can via a drip irrigation system since last year. Anyone who’s seen recent pictures of the River Rhine (current water level at Düsseldorf: 0 cm) will understand that even this has its limits. Every drop of water is precious right now.</p>
<p>I’d like to use these 21 photos to show just how well the Thomas flowers are holding up … and quickly heading back inside to cool off.</p>
<span id="more"></span>

<hr>
<div class="photo-masonry" id="photo-masonry-schptb">
    <div>
      <a class="spotlight" 
          data-title="D50_9692_2608"
          data-description="asset"
          data-src="/post/Dry-August/D50_9692_2608.jpg">
        <img src="/post/Dry-August/D50_9692_2608.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/D50_9693_2608"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/D50_9693_2608"
          data-autohide="10"
          data-title="Thomas Garden 26-08 II"
          data-description="shed"
          data-src="/shed/D50_9693_2608/normal.jpg">
        <img src="/shed/D50_9693_2608/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="D50_9694_2608"
          data-description="asset"
          data-src="/post/Dry-August/D50_9694_2608.jpg">
        <img src="/post/Dry-August/D50_9694_2608.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/D50_9695_2608"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/D50_9695_2608"
          data-autohide="10"
          data-title="Thomas Garden 26-08 IV"
          data-description="shed"
          data-src="/shed/D50_9695_2608/normal.jpg">
        <img src="/shed/D50_9695_2608/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/D50_9696_2608"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/D50_9696_2608"
          data-autohide="10"
          data-title="Thomas Garden 26-08 V"
          data-description="shed"
          data-src="/shed/D50_9696_2608/normal.jpg">
        <img src="/shed/D50_9696_2608/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/D50_9700_2608"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/D50_9700_2608"
          data-autohide="10"
          data-title="Thomas Garden 26-08 VI"
          data-description="pool"
          data-src="/pool/D50_9700_2608/normal.jpg">
        <img src="/pool/D50_9700_2608/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="D50_9701_2608"
          data-description="asset"
          data-src="/post/Dry-August/D50_9701_2608.jpg">
        <img src="/post/Dry-August/D50_9701_2608.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/D50_9702_2608"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/D50_9702_2608"
          data-autohide="10"
          data-title="Thomas Garden 26-08 VIII"
          data-description="pool"
          data-src="/pool/D50_9702_2608/normal.jpg">
        <img src="/pool/D50_9702_2608/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/D50_9704_2608"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/D50_9704_2608"
          data-autohide="10"
          data-title="Thomas Garden 26-08 IX"
          data-description="shed"
          data-src="/shed/D50_9704_2608/normal.jpg">
        <img src="/shed/D50_9704_2608/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="D50_9709_2608"
          data-description="asset"
          data-src="/post/Dry-August/D50_9709_2608.jpg">
        <img src="/post/Dry-August/D50_9709_2608.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/D50_9710_2608"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/D50_9710_2608"
          data-autohide="10"
          data-title="Thomas Garden 26-08 XI"
          data-description="shed"
          data-src="/shed/D50_9710_2608/normal.jpg">
        <img src="/shed/D50_9710_2608/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/D50_9712_2608"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/D50_9712_2608"
          data-autohide="10"
          data-title="Thomas Garden 26-08 XII"
          data-description="pool"
          data-src="/pool/D50_9712_2608/normal.jpg">
        <img src="/pool/D50_9712_2608/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="D50_9713_2608"
          data-description="asset"
          data-src="/post/Dry-August/D50_9713_2608.jpg">
        <img src="/post/Dry-August/D50_9713_2608.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="D50_9717_2608"
          data-description="asset"
          data-src="/post/Dry-August/D50_9717_2608.jpg">
        <img src="/post/Dry-August/D50_9717_2608.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/D50_9720_2608"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/D50_9720_2608"
          data-autohide="10"
          data-title="Thomas Garden 26-08 XV"
          data-description="shed"
          data-src="/shed/D50_9720_2608/normal.jpg">
        <img src="/shed/D50_9720_2608/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="D50_9721_2608"
          data-description="asset"
          data-src="/post/Dry-August/D50_9721_2608.jpg">
        <img src="/post/Dry-August/D50_9721_2608.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/D50_9731_2608"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/D50_9731_2608"
          data-autohide="10"
          data-title="Thomas Garden 26-08 XVII"
          data-description="shed"
          data-src="/shed/D50_9731_2608/normal.jpg">
        <img src="/shed/D50_9731_2608/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/D50_9737_2608"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/D50_9737_2608"
          data-autohide="10"
          data-title="Thomas Garden 26-08 XVIII"
          data-description="shed"
          data-src="/shed/D50_9737_2608/normal.jpg">
        <img src="/shed/D50_9737_2608/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/D50_9738_2608"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/D50_9738_2608"
          data-autohide="10"
          data-title="Thomas Garden 26-08 XIX"
          data-description="shed"
          data-src="/shed/D50_9738_2608/normal.jpg">
        <img src="/shed/D50_9738_2608/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/D50_9742_2608"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/D50_9742_2608"
          data-autohide="10"
          data-title="Thomas Garden 26-08 XX"
          data-description="shed"
          data-src="/shed/D50_9742_2608/normal.jpg">
        <img src="/shed/D50_9742_2608/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/D50_9744_2608"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/D50_9744_2608"
          data-autohide="10"
          data-title="Thomas Garden 26-08 XXI"
          data-description="photo"
          data-src="/photos/normal/D50_9744_2608.jpg">
        <img src="/photos/mobile/D50_9744_2608.jpg" />
      </a>
    </div>
</div>

 ]]>
      </description>
    </item>
    <item>
      <guid>https://kiko.io/notes/2026/Geohash-Support-in-Vernissage/</guid>
      <title>Geohash Support in Vernissage</title>
      <link>https://kiko.io/notes/2026/Geohash-Support-in-Vernissage/</link>
      <byline:author ref="kristofz"/>
      <byline:perspective>personal</byline:perspective>
      <category>Note</category>
      <pubDate>Wed, 12 Aug 2026 16:55:00 +0000</pubDate>
      <description>
        <![CDATA[ <p><img src="https://kiko.io/images/social-media/Geohash-Support-in-Vernissage.jpg" /></p><p>Three days ago, I wrote the post <a href="/post/Geohashes-for-my-photos/">Geohashes for my photos</a> about my recent use of Geohashes as a short alternative to long GPS coordinates and expressed my hope that my favorite platform, Vernissage, would support them… and I created a GitHub issue for <a href="https://mczachurski.dev/">Marcin</a>, the developer. Three days ago…</p>
<p>Marcin released a new version today that now supports Geohashes! \o&#x2F;</p>
<p><img src="/notes/2026/_attachments/vernissage-geohash.png"></p>
<p>My sincere thanks and deepest respect for such a quick implemention.</p>
<p>#Vernissage #Geohash</p>
<hr>
<div class="cardlink-container">
  <a class="cardlink-card" href="https://github.com/VernissageApp/VernissageWeb/issues/569">
    <div class="cardlink-main">
      <div class="cardlink-title">Geohash Support (alongside GPS coordinates) · Issue #569 · VernissageApp/VernissageWeb</div>
      <div class="cardlink-description">As Google/Android makes it harder to provide GPS coordinates on uploading photos to Vernissage, it could be a relief if it would support Geohash short codes that are based on math. See https://kiko...</div>
      <div class="cardlink-host">
        <img class="cardlink-favicon no-zoom" src="https://t2.gstatic.com/faviconV2?client&#x3D;SOCIAL&amp;type&#x3D;FAVICON&amp;fallback_opts&#x3D;TYPE,SIZE,URL&amp;url&#x3D;https://github.com/VernissageApp/VernissageWeb/issues/569&amp;size&#x3D;32" />
        <span>github.com</span>
        </div>
    </div>
    <div class="cardlink-thumbnail" style="background-image: url(https://opengraph.githubassets.com/471b96e0419d533177f3b05cf881c7a578b6fbbe9c0ba7d0e82b57c5882700d9/VernissageApp/VernissageWeb/issues/569)"></div>
  </a>
</div>
 ]]>
      </description>
    </item>
    <item>
      <guid>https://kiko.io/post/Geohashes-for-my-photos/</guid>
      <title>Geohashes for my photos</title>
      <link>https://kiko.io/post/Geohashes-for-my-photos/</link>
      <byline:author ref="kristofz"/>
      <byline:perspective>personal</byline:perspective>
      <category>Coding</category>
      <category>Maps</category>
      <pubDate>Sun, 09 Aug 2026 10:23:22 +0000</pubDate>
      <description>
        <![CDATA[ <p><img src="https://kiko.io/images/social-media/Geohashes-for-my-photos.jpg" /></p><p>Almost all my photos contain the coordinates of where the shot was taken in the EXIF metadata of the respective file. For this purpose, my Android smartphone has a built-in GPS receiver, and I equipped my Nikon D500 with a <a href="https://www.dawntech.co.uk/shop/index.php?route=product/product&product_id=67">Dawntech di-GPS Eco ProFessional 2</a> a couple of years ago, although I sometimes forget to switch the thing on and then have to add the location later manually in Lightroom.</p>
<p>Whenever I publish a photo, I always do it first on this website and deliberately include the coordinates (latitude, longitude) of the shot, which are even displayed on a world map on the dedicated photo page:</p>
<p><img src="/post/Geohashes-for-my-photos/screenshot-photo-map.png"></p>
<span id="more"></span>

<hr>
<p>Sharing photos – which I usually do from my smartphone – has recently become more difficult for me thanks to Google, because not only is the photo picker introduced into Android a few months ago absolute rubbish, but <a href="https://shkspr.mobi/blog/2026/04/android-now-stops-you-sharing-your-location-in-photos/">Android also actively removes the GPS coordinates</a> when a photo is uploaded, ‘for privacy reasons’! I can understand that, as there are plenty of morons who thoughtlessly reveal their location, but the fact that there are no settings whatsoever to deliberately switch this back on or to choose whether to do so on a per-upload basis is an arrogant way of patronising customers.</p>
<p>I became aware of this issue when, on my favourite photography site <a href="https://vernissage.photos/">Vernissage</a>, the coordinates were suddenly no longer pre-filled after uploading from existing EXIF data, as they had been before. At first I thought it was a bug, but after a bit of back and forth with <a href="https://github.com/mczachurski">Marcin</a> (the developer of the platform) I realized that he couldn’t help me and that from now on I have to enter the coordinates manually. It’s doable, but manually copying <code>37.07362333333333 / -8.762103333333334</code> into two seperate fields is nevertheless a tedious task.</p>
<hr>
<h2 id="Geohashes"><a href="#Geohashes" class="headerlink" title="Geohashes"></a>Geohashes</h2><p>Last week, pinned by <a href="https://robida.net/entries/2026/08/05/using-geohashes-to-share-your-location-on-social-m">Beto’s post</a>, I read an article by Frank Edomaruse about so-called <a href="https://en.wikipedia.org/wiki/Geohash">Geohashes</a>, which might help ease my ‘problem’ somewhat.</p>
<div class="cardlink-container">
  <a class="cardlink-card" href="https://medium.com/@franksagie1/optimizing-location-based-apps-with-geohash-369738597b8c">
    <div class="cardlink-main">
      <div class="cardlink-title">Geohashing for Developers: Efficiently Encoding and Querying Locations</div>
      <div class="cardlink-description">Okay, so here&#x27;s the thing — when you have a location, you usually think of it in terms of latitude and longitude. You know, those two long…</div>
      <div class="cardlink-host">
        <img class="cardlink-favicon no-zoom" src="https://t2.gstatic.com/faviconV2?client&#x3D;SOCIAL&amp;type&#x3D;FAVICON&amp;fallback_opts&#x3D;TYPE,SIZE,URL&amp;url&#x3D;https://medium.com/@franksagie1/optimizing-location-based-apps-with-geohash-369738597b8c&amp;size&#x3D;32" />
        <span>medium.com</span>
      </div>
    </div>
    <div class="cardlink-thumbnail" style="background-image: url(https://miro.medium.com/v2/resize:fit:1024/1*OeNdcDIQU0i0RjSYL1g0iA.png)"></div>
  </a>
</div>

<p>Some time ago, I did play around a bit with Google’s quirky <a href="https://maps.google.com/pluscodes/">Plus Codes</a>, which also summarise coordinates in a short code, but I hadn’t yet heard of Gustavo Niemeyer’s solution, which he already published back in 2008.</p>
<p>His solution is actually quite simple: the Earth is mathematically transformed into a flat rectangle and divided into squares, each of which is assigned a number or a letter. This process is repeated over and over again in each square, up to the highest level, 9. Frank explains the maths behind it very well in his article.</p>
<p><img src="/post/Geohashes-for-my-photos/geohash-grid.png" alt="Geohash Grid"></p>
<p>The coordinates <code>37.07362333333333 / -8.762103333333334</code> are mathematically transformed into the code <code>ey9fbt59s</code>.</p>
<p>The original website ‘<em>geohashes.org</em>‘ is no longer available, but there’s <strong><a href="https://www.geohash.es/">geohash.es</a></strong> by <a href="https://www.alrico.es/">Alberto Rico</a>, where you can play around with coordinates and Geohashes.</p>
<hr>
<h2 id="node-geohash"><a href="#node-geohash" class="headerlink" title="node-geohash"></a>node-geohash</h2><p>Of course, there are libraries available that convert GPS coordinates to geohashes. It’s just maths, after all. As my website is based on Hexo and therefore Node.JS, I’ve extended my <a href="https://github.com/kristofzerbe/kiko.io/blob/master/lib/photo-generator.cjs">photo generator</a> – which reads the EXIF data from new photos while importing and saves it to JSON files – using <a href="https://github.com/sunng87">Ning Sun</a>‘s script <strong><a href="https://github.com/sunng87/node-geohash">node-geohash</a></strong>:</p>
<pre><code class="highlight js"><span class="keyword">const</span> geohash = <span class="built_in">require</span>(<span class="string">&#x27;ngeohash&#x27;</span>);

...

<span class="keyword">if</span> (meta.<span class="property">latitude</span> &amp;&amp; meta.<span class="property">longitude</span>) &#123;
  meta.<span class="property">custom</span>.<span class="property">geohash</span> = geohash.<span class="title function_">encode</span>(meta.<span class="property">latitude</span>, meta.<span class="property">longitude</span>);
&#125;</code></pre>

<p>That’s all … and I now display this custom metadata on all photo pages with a link to Alberto’s geohash.es.</p>
<div class="cardlink-container">
  <a class="cardlink-card" href="https://kiko.io/photos/25-05-Portugal-0957-D50/">
    <div class="cardlink-main">
      <div class="cardlink-title">Photo Blue Pathway Sign - kiko.io</div>
      <div class="cardlink-description">Photo Blue Pathway Sign by Kristof Zerbe</div>
      <div class="cardlink-host">
        <img class="cardlink-favicon no-zoom" src="https://t2.gstatic.com/faviconV2?client&#x3D;SOCIAL&amp;type&#x3D;FAVICON&amp;fallback_opts&#x3D;TYPE,SIZE,URL&amp;url&#x3D;https://kiko.io/photos/25-05-Portugal-0957-D50/&amp;size&#x3D;32" />
        <span>kiko.io</span>
      </div>
    </div>
    <div class="cardlink-thumbnail" style="background-image: url(https://kiko.io/photos/mobile/25-05-Portugal-0957-D50.jpg)"></div>
  </a>
</div>

<hr>
<p>The only thing left to do now is to convince Marcin to <a href="https://github.com/VernissageApp/VernissageWeb/issues/569">introduce Geohash support to Vernissage</a> ;)</p>
 ]]>
      </description>
    </item>
    <item>
      <guid>https://kiko.io/post/Puck-Surfing/</guid>
      <title>Puck Surfing</title>
      <link>https://kiko.io/post/Puck-Surfing/</link>
      <byline:author ref="kristofz"/>
      <byline:perspective>personal</byline:perspective>
      <category>Photo</category>
      <category>Imaging</category>
      <category>Publishing</category>
      <pubDate>Sat, 01 Aug 2026 15:33:25 +0000</pubDate>
      <description>
        <![CDATA[ <p><img src="https://kiko.io/images/social-media/Puck-Surfing.jpg" /></p><p>We were recently in Puck, a small town on the Bay of Gdańsk (Poland), to take a closer look at the town and the harbor. It was a lovely walk, and of course, as always, I was magically drawn to the water. I can’t really imagine a vacation without the sea.</p>
<p>At the pier, a few water sports enthusiasts were getting their surfboards ready, and a couple were already out on the water. The wind in this area is apparently always quite brisk, and I found it absolutely fascinating to see how fast one of them was plowing through the water. He turned just before reaching the pier and, a minute later, seemed to be 5 kilometers away. What an amazing feeling that must be. I stood on a board once 45 years ago, but I didn’t make it out of the water. Photography is obviously more my thing.</p>
<span id="more"></span>

<p>The young fellow noticed I was taking pictures of him, waved, and approached the pier again to ask me something in Polish. We switched to English, and I called out to him, “VISIT kiko.io THE NEXT WEEKS TO SEE THE PHOTOS” and the board rushed off again.</p>
<p>Here, my friend, are the photos. It would be great to hear from you. I have a few more and would be happy to send them to you in full resolution as well.</p>
<p>Keep Surfin’</p>
<hr>
<div class="photo-masonry" id="photo-masonry-6m5igg">
    <div>
      <a class="spotlight" 
          href="/photos/26-07-Polen-0435-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-07-Polen-0435-D50"
          data-autohide="10"
          data-title="Puck Surfing I"
          data-description="shed"
          data-src="/shed/26-07-Polen-0435-D50/normal.jpg">
        <img src="/shed/26-07-Polen-0435-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Polen-0441-D50"
          data-description="asset"
          data-src="/post/Puck-Surfing/26-07-Polen-0441-D50.jpg">
        <img src="/post/Puck-Surfing/26-07-Polen-0441-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-07-Polen-0442-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-07-Polen-0442-D50"
          data-autohide="10"
          data-title="Puck Surfing III"
          data-description="shed"
          data-src="/shed/26-07-Polen-0442-D50/normal.jpg">
        <img src="/shed/26-07-Polen-0442-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Polen-0445-D50"
          data-description="asset"
          data-src="/post/Puck-Surfing/26-07-Polen-0445-D50.jpg">
        <img src="/post/Puck-Surfing/26-07-Polen-0445-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Polen-0447-D50"
          data-description="asset"
          data-src="/post/Puck-Surfing/26-07-Polen-0447-D50.jpg">
        <img src="/post/Puck-Surfing/26-07-Polen-0447-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Polen-0449-D50"
          data-description="asset"
          data-src="/post/Puck-Surfing/26-07-Polen-0449-D50.jpg">
        <img src="/post/Puck-Surfing/26-07-Polen-0449-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Polen-0450-D50"
          data-description="asset"
          data-src="/post/Puck-Surfing/26-07-Polen-0450-D50.jpg">
        <img src="/post/Puck-Surfing/26-07-Polen-0450-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-07-Polen-0452-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-07-Polen-0452-D50"
          data-autohide="10"
          data-title="Puck Surfing VIII"
          data-description="shed"
          data-src="/shed/26-07-Polen-0452-D50/normal.jpg">
        <img src="/shed/26-07-Polen-0452-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Polen-0455-D50"
          data-description="asset"
          data-src="/post/Puck-Surfing/26-07-Polen-0455-D50.jpg">
        <img src="/post/Puck-Surfing/26-07-Polen-0455-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-07-Polen-0457-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-07-Polen-0457-D50"
          data-autohide="10"
          data-title="Puck Surfing X"
          data-description="photo"
          data-src="/photos/normal/26-07-Polen-0457-D50.jpg">
        <img src="/photos/mobile/26-07-Polen-0457-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Polen-0461-D50"
          data-description="asset"
          data-src="/post/Puck-Surfing/26-07-Polen-0461-D50.jpg">
        <img src="/post/Puck-Surfing/26-07-Polen-0461-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-07-Polen-0468-D50"
          data-description="asset"
          data-src="/post/Puck-Surfing/26-07-Polen-0468-D50.jpg">
        <img src="/post/Puck-Surfing/26-07-Polen-0468-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-07-Polen-0459-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-07-Polen-0459-D50"
          data-autohide="10"
          data-title="Puck Surfing XI"
          data-description="shed"
          data-src="/shed/26-07-Polen-0459-D50/normal.jpg">
        <img src="/shed/26-07-Polen-0459-D50/mobile.jpg" />
      </a>
    </div>
</div>


<hr>
<h2 id="Update"><a href="#Update" class="headerlink" title="Update"></a>Update</h2><p>In the meantime, Tymek, the surfer, got in touch with me and I’ve sent him the original photos in full resolution, along with some other unpublished ones. If you’re on Instagram, check it out…</p>
<div class="cardlink-container">
  <a class="cardlink-card" href="https://www.instagram.com/tymekreising">
    <div class="cardlink-main">
      <div class="cardlink-title">Tymek Reising (@tymekreising)</div>
      <div class="cardlink-description"></div>
      <div class="cardlink-host">
        <img class="cardlink-favicon no-zoom" src="https://t2.gstatic.com/faviconV2?client&#x3D;SOCIAL&amp;type&#x3D;FAVICON&amp;fallback_opts&#x3D;TYPE,SIZE,URL&amp;url&#x3D;https://www.instagram.com/tymekreising&amp;size&#x3D;32" />
        <span>www.instagram.com</span>
      </div>
    </div>
    <div class="cardlink-thumbnail" style="background-image: url(https://scontent-fra5-2.cdninstagram.com/v/t51.82787-19/551739509_17992197926839021_8097054370308019111_n.jpg?stp&#x3D;dst-jpg_s100x100_tt6&amp;_nc_cat&#x3D;109&amp;ccb&#x3D;7-5&amp;_nc_sid&#x3D;bf7eb4&amp;efg&#x3D;eyJ2ZW5jb2RlX3RhZyI6InByb2ZpbGVfcGljLnd3dy4xMDgwLkMzIn0%3D&amp;_nc_ohc&#x3D;er9g4A4m5u0Q7kNvwFv7IOo&amp;_nc_oc&#x3D;AdozgjbNJD6HTl_AX1GBliKbjs8PCDcjH-F0NtNODzTx8dH6qEb-zpyXw3x5uaihygSSKYKHPksCqFTBlwN5amGH&amp;_nc_zt&#x3D;24&amp;_nc_ht&#x3D;scontent-fra5-2.cdninstagram.com&amp;_nc_gid&#x3D;waatsNJEM-VMvLACLvDOiQ&amp;_nc_ss&#x3D;79689&amp;oh&#x3D;00_AQFhqTuwxzjZ7f1-J3EsQnOxmbV1kpiIfl5vqfsTCQuxeA&amp;oe&#x3D;6A76488D)"></div>
  </a>
</div>
 ]]>
      </description>
    </item>
    <item>
      <guid>https://kiko.io/post/Link-Journal-26-07/</guid>
      <title>Link Journal 26-07</title>
      <link>https://kiko.io/post/Link-Journal-26-07/</link>
      <byline:author ref="kristofz"/>
      <byline:perspective>personal</byline:perspective>
      <category>Collection</category>
      <category>Links</category>
      <pubDate>Sat, 01 Aug 2026 13:58:59 +0000</pubDate>
      <description>
        <![CDATA[ <p><img src="https://kiko.io/images/social-media/Link-Journal-26-07.jpg" /></p><p>Over the past month of July, I’ve collected 10 links for my link journal.</p>
<span id="more"></span>


    <div class="panel">
      <div class="panel-inner">
        <div data-key="26-07-06-Time-based-background-colour-transitions-with-Temporal-and-CSS-color-mix" class="panel-content">
          <a class="panel-favicon" href="https://localghost.dev/blog/time-based-background-colour-transitions-with-temporal-and-css-color-mix/"><img src="https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=https://localghost.dev/blog/time-based-background-colour-transitions-with-temporal-and-css-color-mix/&size=32"/></a>
          <time datetime="2026-07-06 09:16:00">2026-07-06</time>
          <h2><a class="panel-title" href="https://localghost.dev/blog/time-based-background-colour-transitions-with-temporal-and-css-color-mix/">Time-based background colour transitions with Temporal and CSS color-mix</a></h2>
          <a class="sub-link" href="https://localghost.dev/blog/time-based-background-colour-transitions-with-temporal-and-css-color-mix/">localghost.dev</a>
          <div class="tags"><span>CSS</span></div>
          <blockquote class="description view-trigger">
            <p>A visual refresh with a background that changes colour according to the time of day, using the new Temporal API along with CSS custom properties that blend into each other.</p>
          </blockquote>
          <a class="panel-imglink" href="https://localghost.dev/blog/time-based-background-colour-transitions-with-temporal-and-css-color-mix/"><img loading="lazy" src="https://localghost.dev/og-images/time-based-background-colour-transitions-with-temporal-and-css-color-mix.png" class="panel-image" /></a>
          
        </div>
      </div>
    </div>
  


    <div class="panel">
      <div class="panel-inner">
        <div data-key="26-07-07-Publishing-My-Eleventy-Blog-to-the-ATmosphere-with-Standardsite" class="panel-content">
          <a class="panel-favicon" href="https://brennan.day/publishing-my-eleventy-blog-to-the-atmosphere-with-standard-site/"><img src="https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=https://brennan.day/publishing-my-eleventy-blog-to-the-atmosphere-with-standard-site/&size=32"/></a>
          <time datetime="2026-07-07 08:08:00">2026-07-07</time>
          <h2><a class="panel-title" href="https://brennan.day/publishing-my-eleventy-blog-to-the-atmosphere-with-standard-site/">Publishing My Eleventy Blog to the ATmosphere with Standard</a></h2>
          <a class="sub-link" href="https://brennan.day/publishing-my-eleventy-blog-to-the-atmosphere-with-standard-site/">brennan.day</a>
          <div class="tags"><span>Publishing</span></div>
          <blockquote class="description view-trigger">
            <p>A walkthrough of how I wired up Standard.site AT Protocol lexicons into this 11ty blog: from writing a custom publish script to migrating to Sequoia, with code for the link tags, and handle verification.</p>
          </blockquote>
          <a class="panel-imglink" href="https://brennan.day/publishing-my-eleventy-blog-to-the-atmosphere-with-standard-site/"><img loading="lazy" src="https://brennan.day/assets/images/blog/atmosphere.jpg" class="panel-image" /></a>
          
        </div>
      </div>
    </div>
  


    <div class="panel">
      <div class="panel-inner">
        <div data-key="26-07-12-color-bits-The-fastest-JS-color-library" class="panel-content">
          <a class="panel-favicon" href="https://romgrk.com/posts/color-bits"><img src="https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=https://romgrk.com/posts/color-bits&size=32"/></a>
          <time datetime="2026-07-12 15:32:00">2026-07-12</time>
          <h2><a class="panel-title" href="https://romgrk.com/posts/color-bits">color-bits, The fastest JS color library</a></h2>
          <a class="sub-link" href="https://romgrk.com/posts/color-bits">romgrk.com</a>
          <div class="tags"><span>JavaScript</span></div>
          <blockquote class="description view-trigger">
            <p>romgrk's personal blog</p>
          </blockquote>
          
          <p class="content"><div class="cardlink-container">
  <a class="cardlink-card" href="https://www.cssscript.com/color-manipulation-bits/">
    <div class="cardlink-main">
      <div class="cardlink-title">High-Performance Color Manipulation in JavaScript - Color-bits | CSS Script</div>
      <div class="cardlink-description">A lightweight, high-performance JavaScript library for parsing and manipulating colors.</div>
      <div class="cardlink-host">
        <img class="cardlink-favicon no-zoom" src="https://t2.gstatic.com/faviconV2?client&#x3D;SOCIAL&amp;type&#x3D;FAVICON&amp;fallback_opts&#x3D;TYPE,SIZE,URL&amp;url&#x3D;https://www.cssscript.com/color-manipulation-bits/&amp;size&#x3D;32" />
        <span>www.cssscript.com</span>
      </div>
    </div>
    <div class="cardlink-thumbnail" style="background-image: url(https://www.cssscript.com/wp-content/uploads/2024/10/color-manipulation-bits.png)"></div>
  </a>
</div></p>
        </div>
      </div>
    </div>
  


    <div class="panel">
      <div class="panel-inner">
        <div data-key="26-07-14-Dark-mode-with-web-standards" class="panel-content">
          <a class="panel-favicon" href="https://olliewilliams.xyz/blog/dark-mode/"><img src="https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=https://olliewilliams.xyz/blog/dark-mode/&size=32"/></a>
          <time datetime="2026-07-14 06:13:00">2026-07-14</time>
          <h2><a class="panel-title" href="https://olliewilliams.xyz/blog/dark-mode/">Dark mode with web standards</a></h2>
          <a class="sub-link" href="https://olliewilliams.xyz/blog/dark-mode/">olliewilliams.xyz</a>
          <div class="tags"><span>CSS</span></div>
          <blockquote class="description view-trigger">
            <p>Implementing dark mode with minimal JavaScript and standard CSS</p>
          </blockquote>
          <a class="panel-imglink" href="https://olliewilliams.xyz/blog/dark-mode/"><img loading="lazy" src="https://olliewilliams.xyz/dark-mode-cover.png" class="panel-image" /></a>
          
        </div>
      </div>
    </div>
  


    <div class="panel">
      <div class="panel-inner">
        <div data-key="26-07-14-Deutsches-Konsortium-verffentlicht-offenes-KI-Modell-Soofi-S-fr-Deutsch-und-Englisch" class="panel-content">
          <a class="panel-favicon" href="https://the-decoder.de/deutsches-konsortium-veroeffentlicht-offenes-ki-modell-soofi-s-fuer-deutsch-und-englisch/"><img src="https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=https://the-decoder.de/deutsches-konsortium-veroeffentlicht-offenes-ki-modell-soofi-s-fuer-deutsch-und-englisch/&size=32"/></a>
          <time datetime="2026-07-14 11:08:00">2026-07-14</time>
          <h2><a class="panel-title" href="https://the-decoder.de/deutsches-konsortium-veroeffentlicht-offenes-ki-modell-soofi-s-fuer-deutsch-und-englisch/">Deutsches Konsortium veröffentlicht offenes KI-Modell Soofi S für Deutsch und Englisch</a></h2>
          <a class="sub-link" href="https://the-decoder.de/deutsches-konsortium-veroeffentlicht-offenes-ki-modell-soofi-s-fuer-deutsch-und-englisch/">the-decoder.de</a>
          <div class="tags"><span>AI</span></div>
          <blockquote class="description view-trigger">
            <p>Ein deutsches Forschungskonsortium hat mit Soofi S 30B-A3B ein offenes Sprachmodell veröffentlicht, das komplett auf der Telekom-Cloud in München trainiert wurde und einen bewussten Fokus auf deutsche Sprachdaten legt. Dank einer sparsamen Hybridarchitektur aktiviert das Modell pro Token nur einen Bruchteil seiner Parameter und hält seinen Durchsatz auch bei sehr langen Kontexten stabil. Laut Benchmarks übertrifft es alle vollständig offenen Konkurrenten in Deutsch und Englisch. Nun sucht das Konsortium Industriepartner für den Praxiseinsatz.</p>
          </blockquote>
          <a class="panel-imglink" href="https://the-decoder.de/deutsches-konsortium-veroeffentlicht-offenes-ki-modell-soofi-s-fuer-deutsch-und-englisch/"><img loading="lazy" src="https://the-decoder.de/wp-content/uploads/2026/07/soofi-s-german-llm-nano-banana-pro.jpg" class="panel-image" /></a>
          
        </div>
      </div>
    </div>
  


    <div class="panel">
      <div class="panel-inner">
        <div data-key="26-07-17-Under-my-radar-the-highlight-API-text-indent-and-font-family-math" class="panel-content">
          <a class="panel-favicon" href="https://utilitybend.com/blog/under-my-radar-highlight-text-indent-and-font-family-math/"><img src="https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=https://utilitybend.com/blog/under-my-radar-highlight-text-indent-and-font-family-math/&size=32"/></a>
          <time datetime="2026-07-17 08:25:00">2026-07-17</time>
          <h2><a class="panel-title" href="https://utilitybend.com/blog/under-my-radar-highlight-text-indent-and-font-family-math/">Under my radar - the highlight API, text-indent and font-family math</a></h2>
          <a class="sub-link" href="https://utilitybend.com/blog/under-my-radar-highlight-text-indent-and-font-family-math/">utilitybend.com</a>
          <div class="tags"><span>CSS</span></div>
          <blockquote class="description view-trigger">
            <p>Discover three baseline web features that went under the radar: the CSS Custom Highlight API, advanced text-indent keywords, and mathematical typesetting.</p>
          </blockquote>
          <a class="panel-imglink" href="https://utilitybend.com/blog/under-my-radar-highlight-text-indent-and-font-family-math/"><img loading="lazy" src="https://utilitybend.com/_astro/visual.DUy0qS4O_1Ntxgi.webp" class="panel-image" /></a>
          
        </div>
      </div>
    </div>
  


    <div class="panel">
      <div class="panel-inner">
        <div data-key="26-07-24-Die-Architektur-von-Passkeys" class="panel-content">
          <a class="panel-favicon" href="https://www.heise.de/hintergrund/Passkeys-in-der-Praxis-Teil-1-Die-Architektur-von-Passkeys-11364345.html"><img src="https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=https://www.heise.de/hintergrund/Passkeys-in-der-Praxis-Teil-1-Die-Architektur-von-Passkeys-11364345.html&size=32"/></a>
          <time datetime="2026-07-24 06:52:00">2026-07-24</time>
          <h2><a class="panel-title" href="https://www.heise.de/hintergrund/Passkeys-in-der-Praxis-Teil-1-Die-Architektur-von-Passkeys-11364345.html">Die Architektur von Passkeys</a></h2>
          <a class="sub-link" href="https://www.heise.de/hintergrund/Passkeys-in-der-Praxis-Teil-1-Die-Architektur-von-Passkeys-11364345.html">www.heise.de</a>
          <div class="tags"><span>Security</span></div>
          <blockquote class="description view-trigger">
            <p>So funktionieren Passkeys: Der erste Teil der Praxis-Serie für Entwickler zeigt im Detail die Architektur, die auf FIDO2 und WebAuthn aufbaut.</p>
          </blockquote>
          <a class="panel-imglink" href="https://www.heise.de/hintergrund/Passkeys-in-der-Praxis-Teil-1-Die-Architektur-von-Passkeys-11364345.html"><img loading="lazy" src="https://heise.cloudimg.io/bound/1200x1200/q85.png-lossy-85.webp-lossy-85.foil1/_www-heise-de_/imgs/18/5/1/1/6/6/2/6/Passkeys_Serie_Aufmacherbild-10a96fd3b1d605a7.png" class="panel-image" /></a>
          
        </div>
      </div>
    </div>
  


    <div class="panel">
      <div class="panel-inner">
        <div data-key="26-07-25-Becoming-Skilled-at-Making-Documents" class="panel-content">
          <a class="panel-favicon" href="https://www.anildash.com/2026/07/24/make-better-documents-skill/"><img src="https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=https://www.anildash.com/2026/07/24/make-better-documents-skill/&size=32"/></a>
          <time datetime="2026-07-25 07:05:00">2026-07-25</time>
          <h2><a class="panel-title" href="https://www.anildash.com/2026/07/24/make-better-documents-skill/">Becoming Skilled at Making Documents</a></h2>
          <a class="sub-link" href="https://www.anildash.com/2026/07/24/make-better-documents-skill/">www.anildash.com</a>
          <div class="tags"><span>AI</span></div>
          <blockquote class="description view-trigger">
            <p>A blog about making culture. Since 1999.</p>
          </blockquote>
          <a class="panel-imglink" href="https://www.anildash.com/2026/07/24/make-better-documents-skill/"><img loading="lazy" src="https://www.anildash.com/images/5052700.jpg" class="panel-image" /></a>
          
        </div>
      </div>
    </div>
  


    <div class="panel">
      <div class="panel-inner">
        <div data-key="26-07-27-Fully-Local-Code-Embeds" class="panel-content">
          <a class="panel-favicon" href="https://www.aleksandrhovhannisyan.com/blog/local-code-embeds/"><img src="https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=https://www.aleksandrhovhannisyan.com/blog/local-code-embeds/&size=32"/></a>
          <time datetime="2026-07-27 21:21:00">2026-07-27</time>
          <h2><a class="panel-title" href="https://www.aleksandrhovhannisyan.com/blog/local-code-embeds/">Fully Local Code Embeds</a></h2>
          <a class="sub-link" href="https://www.aleksandrhovhannisyan.com/blog/local-code-embeds/">www.aleksandrhovhannisyan.com</a>
          <div class="tags"><span>HTML</span>
<span>JavaScript</span>
<span>WebComponents</span></div>
          <blockquote class="description view-trigger">
            <p>A simple web component for rendering isolated code embeds using HTML, CSS, and JavaScript.</p>
          </blockquote>
          
          
        </div>
      </div>
    </div>
  


    <div class="panel">
      <div class="panel-inner">
        <div data-key="26-07-31-Progressive-Web-Components" class="panel-content">
          <a class="panel-favicon" href="https://arielsalminen.com/2026/progressive-web-components/"><img src="https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=https://arielsalminen.com/2026/progressive-web-components/&size=32"/></a>
          <time datetime="2026-07-31 21:52:00">2026-07-31</time>
          <h2><a class="panel-title" href="https://arielsalminen.com/2026/progressive-web-components/">Progressive Web Components</a></h2>
          <a class="sub-link" href="https://arielsalminen.com/2026/progressive-web-components/">arielsalminen.com</a>
          <div class="tags"><span>WebComponents</span></div>
          <blockquote class="description view-trigger">
            <p>Introducing Elena, a simple, tiny library for building Progressive Web Components.</p>
          </blockquote>
          <a class="panel-imglink" href="https://arielsalminen.com/2026/progressive-web-components/"><img loading="lazy" src="https://arielsalminen.com/img/social/2026-progressive-web-components-preview.jpeg" class="panel-image" /></a>
          
        </div>
      </div>
    </div>
  

 ]]>
      </description>
    </item>
    <item>
      <guid>https://kiko.io/post/New-European-Banknotes/</guid>
      <title>New European Banknotes</title>
      <link>https://kiko.io/post/New-European-Banknotes/</link>
      <byline:author ref="kristofz"/>
      <byline:perspective>personal</byline:perspective>
      <category>Misc</category>
      <category>Society</category>
      <pubDate>Mon, 27 Jul 2026 16:12:51 +0000</pubDate>
      <description>
        <![CDATA[ <p><img src="https://kiko.io/images/social-media/New-European-Banknotes.jpg" /></p><p>In 2025, the number of people in Germany paying by credit or debit card overtook the number of cash payers for the first time. At first glance, it seems that cash (coins and banknotes) will eventually become completely obsolete here too. I’ve personally noticed this: I pretty much pay for everything via my smartphone now and hardly ever carry any cash with me. It’s so convenient, and when abroad, you don’t even have to go through the hassle of exchanging money.</p>
<p>Many other European countries are already much further along in this process. Sweden, for example, moved almost entirely away from cash nearly 10 years ago … BUT … they are now realising the downsides of a purely digital payment system, such as a lack of financial inclusion, cyberattacks and fading trust in international financial partners … and are turning back the clock! <strong>Back to Cash!</strong></p>
<p>It is therefore only logical that, while investing in its own digital euro solutions, the EU is simultaneously addressing the replacement of the ageing euro banknotes. These efforts, which have been underway since 2023 in the form of a <a href="https://www.ecb.europa.eu/press/pubbydate/2026/html/ecb.desreportbanknotes202607">design contest</a>, have culminated this year in a <a href="https://www.ecb.europa.eu/euro/banknotes/future_banknotes/html/design-proposals.en.html">shortlist of 10 new designs for the future banknotes</a>, which are to be assessed by the end of the year before a winner is chosen.</p>
<span id="more"></span>

<div class="cardlink-container">
  <a class="cardlink-card" href="https://www.ecb.europa.eu/euro/banknotes/future_banknotes/html/index.en.html">
    <div class="cardlink-main">
      <div class="cardlink-title">Future banknotes</div>
      <div class="cardlink-description">The European Central Bank (ECB) is the central bank of the European Union countries which have adopted the euro. Our main task is to maintain price stability in the euro area and so preserve the purchasing power of the single currency.</div>
      <div class="cardlink-host">
        <img class="cardlink-favicon no-zoom" src="https://t2.gstatic.com/faviconV2?client&#x3D;SOCIAL&amp;type&#x3D;FAVICON&amp;fallback_opts&#x3D;TYPE,SIZE,URL&amp;url&#x3D;https://www.ecb.europa.eu/euro/banknotes/future_banknotes/html/index.en.html&amp;size&#x3D;32" />
        <span>www.ecb.europa.eu</span>
      </div>
    </div>
    <div class="cardlink-thumbnail" style="background-image: url(https://www.ecb.europa.eu/euro/banknotes/shared/img/socialmedia/social-default.jpg)"></div>
  </a>
</div>

<p>In the run-up to the competition, the ECB defined two different <a href="https://www.ecb.europa.eu/press/pr/date/2025/html/ecb.pr250131~611055a567.de.html">groups of motifs</a>. The first is <strong>European Culture</strong>, represented on the front by various portraits of well-known Europeans such as Maria Callas, Ludwig van Beethoven and Leonardo da Vinci, and on the back by groups of people. The second is the <strong>Rivers and Birds</strong> group, featuring on the front and European buildings on the back. Five designs have been shortlisted for each motif group. Here are the designs, using the 10-euro note as an example:</p>
<h3 id="European-Culture"><a href="#European-Culture" class="headerlink" title="European Culture"></a>European Culture</h3>
    <div class="image-slider" id="image-slide-4e8zdj">
      <div><img width="360" src="/post/New-European-Banknotes/design_a.png" alt="Design A - Studio Joost Grootens" /></div><div><img width="360" src="/post/New-European-Banknotes/design_c.png" alt="Design C - Neue Gestaltung GmbH" /></div><div><img width="360" src="/post/New-European-Banknotes/design_e.png" alt="Design E - Myrsini Vardopoulou" /></div><div><img width="360" src="/post/New-European-Banknotes/design_f.png" alt="Design F - Jan Robert Dünnweller" /></div><div><img width="360" src="/post/New-European-Banknotes/design_g.png" alt="Design G - Rubio & del Amo and Cruz más Cruz" /></div>
    </div>
    
  

<h3 id="Rivers-and-Birds"><a href="#Rivers-and-Birds" class="headerlink" title="Rivers and Birds"></a>Rivers and Birds</h3>
    <div class="image-slider" id="image-slide-y8rb66">
      <div><img width="360" src="/post/New-European-Banknotes/design_b.png" alt="Design B - PunktFormStrich" /></div><div><img width="360" src="/post/New-European-Banknotes/design_d.png" alt="Design D - Rudy Guedj and François Girard-Meunier" /></div><div><img width="360" src="/post/New-European-Banknotes/design_h.png" alt="Design H - Atelier Goppel-Toperngpong" /></div><div><img width="360" src="/post/New-European-Banknotes/design_i.png" alt="Design I - Isabelle Daëron" /></div><div><img width="360" src="/post/New-European-Banknotes/design_j.png" alt="Design J - Ville Tietäväinen" /></div>
    </div>
    
  

<hr>
<p>All European citizens will now be involved in the evaluation of the shortlist via a survey on the shortlisted designs; however, a great many other people are also likely to take part, as there are, quite rightly, no restrictions on access.</p>
<div class="cardlink-container">
  <a class="cardlink-card" href="https://surveys.ecb.europa.eu/10b/banknotes/share">
    <div class="cardlink-main">
      <div class="cardlink-title">Survey Campaign - Future banknotes, Ten possible designs</div>
      <div class="cardlink-description">Our euro banknotes are getting a makeover - and you can be a part of it!</div>
      <div class="cardlink-host">
        <img class="cardlink-favicon no-zoom" src="https://t2.gstatic.com/faviconV2?client&#x3D;SOCIAL&amp;type&#x3D;FAVICON&amp;fallback_opts&#x3D;TYPE,SIZE,URL&amp;url&#x3D;https://surveys.ecb.europa.eu/10b/banknotes/share&amp;size&#x3D;32" />
        <span>www.ecb.europa.eu</span>
      </div>
    </div>
    <div class="cardlink-thumbnail" style="background-image: url(https://www.ecb.europa.eu/euro/banknotes/future_banknotes/html/index_header.webp)"></div>
  </a>
</div>

<p>Personally, I don’t really understand the motif groups, nor do I get some of the designs, but it’s worth noting that some of them only work when held upright - which I’d see as a real improvement, because after all, we do hold these notes upright in our hands when counting them out. The landscape format may be traditional, but it’s impractical. I’m also not keen on having people on the notes and hope the EU doesn’t introduce this now, having relied on architectural landmarks for decades. I don’t need the Callas in my wallet, nor do I need Bertha von Suttner - even though I might recognise their life’s work if I’d actually engaged with it. At least it’s not politicians or other statesmen or stateswomen. Dear US friends: When are you going to swap George Washington’s portrait for The Donald’s again?</p>
<p>My personal favourite is definitely <strong>Design J</strong>, closely followed by <strong>Design I</strong> and <strong>D</strong>. Something with birds …</p>
<hr>
<h3 id="More-Information"><a href="#More-Information" class="headerlink" title="More Information"></a>More Information</h3><div class="cardlink-container">
  <a class="cardlink-card" href="https://www.bundesbank.de/en/press/press-releases/payment-behaviour-in-germany-in-2025-964738">
    <div class="cardlink-main">
      <div class="cardlink-title">Cashless payments are trending - Payment behaviour in Germany in 2025</div>
      <div class="cardlink-description">In 2025, for the first time, people in Germany used cashless means of payment to pay for their day-to-day purchases more frequently than cash. According to the Bundesbank&#x27;s latest study on payment behaviour, 55 % of all recorded purchases were settled without cash in 2025. The trend towards cashless payments is continuing, explained Executive Board member Burkhard Balz at the presentation of the results.</div>
      <div class="cardlink-host">
        <img class="cardlink-favicon no-zoom" src="https://t2.gstatic.com/faviconV2?client&#x3D;SOCIAL&amp;type&#x3D;FAVICON&amp;fallback_opts&#x3D;TYPE,SIZE,URL&amp;url&#x3D;https://www.bundesbank.de/en/press/press-releases/payment-behaviour-in-germany-in-2025-964738&amp;size&#x3D;32" />
        <span>www.bundesbank.de</span>
      </div>
    </div>
    <div class="cardlink-thumbnail" style="background-image: url(https://www.bundesbank.de/resource/image/924738/ratio16x9/957/538/10274119641abaabe779d52519766ec8/77FF3E54C2CC9FCFE586BBFE2F9ED268/472B63F073F071307366337C94F8C870/zahlungsverkehr-smartphone-digitales-bezahlen.jpg)"></div>
  </a>
</div>

<div class="cardlink-container">
  <a class="cardlink-card" href="https://www.euractiv.com/news/cash-free-sweden-backpedals-on-banknotes/">
    <div class="cardlink-main">
      <div class="cardlink-title">Cash-free Sweden backpedals on banknotes | Euractiv</div>
      <div class="cardlink-description">The government submitted a bill to parliament that would require grocery stores and pharmacies to accept cash on Wednesday</div>
      <div class="cardlink-host">
        <img class="cardlink-favicon no-zoom" src="https://t2.gstatic.com/faviconV2?client&#x3D;SOCIAL&amp;type&#x3D;FAVICON&amp;fallback_opts&#x3D;TYPE,SIZE,URL&amp;url&#x3D;https://www.euractiv.com/news/cash-free-sweden-backpedals-on-banknotes/&amp;size&#x3D;32" />
        <span>www.euractiv.com</span>
      </div>
    </div>
    <div class="cardlink-thumbnail" style="background-image: url(https://www.euractiv.com/content/uploads/sites/2/2026/03/GettyImages-595301664.jpg)"></div>
  </a>
</div>

<div class="cardlink-container">
  <a class="cardlink-card" href="https://www.ecb.europa.eu/euro/digital_euro/html/index.en.html">
    <div class="cardlink-main">
      <div class="cardlink-title">Digital euro</div>
      <div class="cardlink-description">The European Central Bank (ECB) is the central bank of the European Union countries which have adopted the euro. Our main task is to maintain price stability in the euro area and so preserve the purchasing power of the single currency.</div>
      <div class="cardlink-host">
        <img class="cardlink-favicon no-zoom" src="https://t2.gstatic.com/faviconV2?client&#x3D;SOCIAL&amp;type&#x3D;FAVICON&amp;fallback_opts&#x3D;TYPE,SIZE,URL&amp;url&#x3D;https://www.ecb.europa.eu/euro/digital_euro/html/index.en.html&amp;size&#x3D;32" />
        <span>www.ecb.europa.eu</span>
      </div>
    </div>
    <div class="cardlink-thumbnail" style="background-image: url(https://www.ecb.europa.eu/euro/digital_euro/shared/img/socialmedia/social-default.jpg?e644be0ef6a98e27f7475335e123c2a4)"></div>
  </a>
</div>
 ]]>
      </description>
    </item>
    <item>
      <guid>https://kiko.io/post/Sicily-Stills/</guid>
      <title>Sicily Stills</title>
      <link>https://kiko.io/post/Sicily-Stills/</link>
      <byline:author ref="kristofz"/>
      <byline:perspective>personal</byline:perspective>
      <category>Photo</category>
      <category>Imaging</category>
      <category>Publishing</category>
      <pubDate>Sat, 18 Jul 2026 10:00:00 +0000</pubDate>
      <description>
        <![CDATA[ <p><img src="https://kiko.io/images/social-media/Sicily-Stills.jpg" /></p><p>I’ve already posted most of the following photos in my first post about <a href="/post/Sicily">Sicily</a>, but here they are all again, along with the ones I’m not using as header images. Colours and shapes… you know what I mean ;)</p>
<span id="more"></span>

<hr>
<div class="photo-masonry" id="photo-masonry-a7m8il">
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-038-D50"
          data-description="asset"
          data-src="/post/Sicily-Stills/26-05-Sizilien-038-D50.jpg">
        <img src="/post/Sicily-Stills/26-05-Sizilien-038-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-081-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-081-D50"
          data-autohide="10"
          data-title="Milazzo Cacti"
          data-description="pool"
          data-src="/pool/26-05-Sizilien-081-D50/normal.jpg">
        <img src="/pool/26-05-Sizilien-081-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-145-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-145-D50"
          data-autohide="10"
          data-title="Almond Sale"
          data-description="pool"
          data-src="/pool/26-05-Sizilien-145-D50/normal.jpg">
        <img src="/pool/26-05-Sizilien-145-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-162-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-162-D50"
          data-autohide="10"
          data-title="Reverently Illumination"
          data-description="pool"
          data-src="/pool/26-05-Sizilien-162-D50/normal.jpg">
        <img src="/pool/26-05-Sizilien-162-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-382-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-382-D50"
          data-autohide="10"
          data-title="Panarea Technics"
          data-description="pool"
          data-src="/pool/26-05-Sizilien-382-D50/normal.jpg">
        <img src="/pool/26-05-Sizilien-382-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-383-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-383-D50"
          data-autohide="10"
          data-title="Panarea Lemon"
          data-description="pool"
          data-src="/pool/26-05-Sizilien-383-D50/normal.jpg">
        <img src="/pool/26-05-Sizilien-383-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-390-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-390-D50"
          data-autohide="10"
          data-title="Panarea Taxi"
          data-description="shed"
          data-src="/shed/26-05-Sizilien-390-D50/normal.jpg">
        <img src="/shed/26-05-Sizilien-390-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-386-D50"
          data-description="asset"
          data-src="/post/Sicily-Stills/26-05-Sizilien-386-D50.jpg">
        <img src="/post/Sicily-Stills/26-05-Sizilien-386-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-841-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-841-D50"
          data-autohide="10"
          data-title="Messina Red"
          data-description="pool"
          data-src="/pool/26-05-Sizilien-841-D50/normal.jpg">
        <img src="/pool/26-05-Sizilien-841-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-1115-D50"
          data-description="asset"
          data-src="/post/Sicily-Stills/26-05-Sizilien-1115-D50.jpg">
        <img src="/post/Sicily-Stills/26-05-Sizilien-1115-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-1117-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-1117-D50"
          data-autohide="10"
          data-title="Aeolian Fish"
          data-description="pool"
          data-src="/pool/26-05-Sizilien-1117-D50/normal.jpg">
        <img src="/pool/26-05-Sizilien-1117-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-1122-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-1122-D50"
          data-autohide="10"
          data-title="Aeolian Seafood"
          data-description="pool"
          data-src="/pool/26-05-Sizilien-1122-D50/normal.jpg">
        <img src="/pool/26-05-Sizilien-1122-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-1142-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-1142-D50"
          data-autohide="10"
          data-title="Red Sardines"
          data-description="pool"
          data-src="/pool/26-05-Sizilien-1142-D50/normal.jpg">
        <img src="/pool/26-05-Sizilien-1142-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-1150-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-1150-D50"
          data-autohide="10"
          data-title="Sicilian Tangerines"
          data-description="photo"
          data-src="/photos/normal/26-05-Sizilien-1150-D50.jpg">
        <img src="/photos/mobile/26-05-Sizilien-1150-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-1152-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-1152-D50"
          data-autohide="10"
          data-title="Sicilian Pepper"
          data-description="pool"
          data-src="/pool/26-05-Sizilien-1152-D50/normal.jpg">
        <img src="/pool/26-05-Sizilien-1152-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-1161-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-1161-D50"
          data-autohide="10"
          data-title="Sicilian Garlic"
          data-description="pool"
          data-src="/pool/26-05-Sizilien-1161-D50/normal.jpg">
        <img src="/pool/26-05-Sizilien-1161-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-1162-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-1162-D50"
          data-autohide="10"
          data-title="Sicilian Artichoke"
          data-description="pool"
          data-src="/pool/26-05-Sizilien-1162-D50/normal.jpg">
        <img src="/pool/26-05-Sizilien-1162-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-1194-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-1194-D50"
          data-autohide="10"
          data-title="Sicilian Flowers"
          data-description="pool"
          data-src="/pool/26-05-Sizilien-1194-D50/normal.jpg">
        <img src="/pool/26-05-Sizilien-1194-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-1222-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-1222-D50"
          data-autohide="10"
          data-title="Boat Tractor"
          data-description="shed"
          data-src="/shed/26-05-Sizilien-1222-D50/normal.jpg">
        <img src="/shed/26-05-Sizilien-1222-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-1328-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-1328-D50"
          data-autohide="10"
          data-title="Colorful Vase"
          data-description="pool"
          data-src="/pool/26-05-Sizilien-1328-D50/normal.jpg">
        <img src="/pool/26-05-Sizilien-1328-D50/mobile.jpg" />
      </a>
    </div>
</div>

 ]]>
      </description>
    </item>
    <item>
      <guid>https://kiko.io/post/Sicily-Scenes/</guid>
      <title>Sicily Scenes</title>
      <link>https://kiko.io/post/Sicily-Scenes/</link>
      <byline:author ref="kristofz"/>
      <byline:perspective>personal</byline:perspective>
      <category>Photo</category>
      <category>Imaging</category>
      <category>Publishing</category>
      <pubDate>Thu, 16 Jul 2026 16:22:00 +0000</pubDate>
      <description>
        <![CDATA[ <p><img src="https://kiko.io/images/social-media/Sicily-Scenes.jpg" /></p><p>There are insights, vistas, glimpses and perspectives that don’t fit into any particular pattern or category. I like to call them <strong>scenes</strong>, and as photographs they always have their own charm. Here are a few of them from our trip to the wonderful island of <a href="/post/Sicily">Sicily</a>, as the fifth part of my photo series.</p>
<span id="more"></span>

<hr>
<div class="photo-masonry" id="photo-masonry-xsh9yr">
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-030-D50"
          data-description="asset"
          data-src="/post/Sicily-Scenes/26-05-Sizilien-030-D50.jpg">
        <img src="/post/Sicily-Scenes/26-05-Sizilien-030-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-130-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-130-D50"
          data-autohide="10"
          data-title="Messina Dove"
          data-description="shed"
          data-src="/shed/26-05-Sizilien-130-D50/normal.jpg">
        <img src="/shed/26-05-Sizilien-130-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-115-D50"
          data-description="asset"
          data-src="/post/Sicily-Scenes/26-05-Sizilien-115-D50.jpg">
        <img src="/post/Sicily-Scenes/26-05-Sizilien-115-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-181-D50"
          data-description="asset"
          data-src="/post/Sicily-Scenes/26-05-Sizilien-181-D50.jpg">
        <img src="/post/Sicily-Scenes/26-05-Sizilien-181-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-268-D50"
          data-description="asset"
          data-src="/post/Sicily-Scenes/26-05-Sizilien-268-D50.jpg">
        <img src="/post/Sicily-Scenes/26-05-Sizilien-268-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-281-D50"
          data-description="asset"
          data-src="/post/Sicily-Scenes/26-05-Sizilien-281-D50.jpg">
        <img src="/post/Sicily-Scenes/26-05-Sizilien-281-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-289-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-289-D50"
          data-autohide="10"
          data-title="Milazzo Plant"
          data-description="shed"
          data-src="/shed/26-05-Sizilien-289-D50/normal.jpg">
        <img src="/shed/26-05-Sizilien-289-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-392-D50"
          data-description="asset"
          data-src="/post/Sicily-Scenes/26-05-Sizilien-392-D50.jpg">
        <img src="/post/Sicily-Scenes/26-05-Sizilien-392-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-519-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-519-D50"
          data-autohide="10"
          data-title="Stromboli Dog"
          data-description="shed"
          data-src="/shed/26-05-Sizilien-519-D50/normal.jpg">
        <img src="/shed/26-05-Sizilien-519-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-545-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-545-D50"
          data-autohide="10"
          data-title="Stromboli Cat"
          data-description="shed"
          data-src="/shed/26-05-Sizilien-545-D50/normal.jpg">
        <img src="/shed/26-05-Sizilien-545-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-877-D50"
          data-description="asset"
          data-src="/post/Sicily-Scenes/26-05-Sizilien-877-D50.jpg">
        <img src="/post/Sicily-Scenes/26-05-Sizilien-877-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-954-D50"
          data-description="asset"
          data-src="/post/Sicily-Scenes/26-05-Sizilien-954-D50.jpg">
        <img src="/post/Sicily-Scenes/26-05-Sizilien-954-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-975-D50"
          data-description="asset"
          data-src="/post/Sicily-Scenes/26-05-Sizilien-975-D50.jpg">
        <img src="/post/Sicily-Scenes/26-05-Sizilien-975-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-986-D50"
          data-description="asset"
          data-src="/post/Sicily-Scenes/26-05-Sizilien-986-D50.jpg">
        <img src="/post/Sicily-Scenes/26-05-Sizilien-986-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-987-D50"
          data-description="asset"
          data-src="/post/Sicily-Scenes/26-05-Sizilien-987-D50.jpg">
        <img src="/post/Sicily-Scenes/26-05-Sizilien-987-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-1016-D50"
          data-description="asset"
          data-src="/post/Sicily-Scenes/26-05-Sizilien-1016-D50.jpg">
        <img src="/post/Sicily-Scenes/26-05-Sizilien-1016-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-1031-D50"
          data-description="asset"
          data-src="/post/Sicily-Scenes/26-05-Sizilien-1031-D50.jpg">
        <img src="/post/Sicily-Scenes/26-05-Sizilien-1031-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-1034-D50"
          data-description="asset"
          data-src="/post/Sicily-Scenes/26-05-Sizilien-1034-D50.jpg">
        <img src="/post/Sicily-Scenes/26-05-Sizilien-1034-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-1079-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-1079-D50"
          data-autohide="10"
          data-title="Palermo Art"
          data-description="pool"
          data-src="/pool/26-05-Sizilien-1079-D50/normal.jpg">
        <img src="/pool/26-05-Sizilien-1079-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-1083-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-1083-D50"
          data-autohide="10"
          data-title="Palermo Street Corner"
          data-description="shed"
          data-src="/shed/26-05-Sizilien-1083-D50/normal.jpg">
        <img src="/shed/26-05-Sizilien-1083-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-1086-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-1086-D50"
          data-autohide="10"
          data-title="Palermo Artesanos"
          data-description="pool"
          data-src="/pool/26-05-Sizilien-1086-D50/normal.jpg">
        <img src="/pool/26-05-Sizilien-1086-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-1101-D50"
          data-description="asset"
          data-src="/post/Sicily-Scenes/26-05-Sizilien-1101-D50.jpg">
        <img src="/post/Sicily-Scenes/26-05-Sizilien-1101-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-1107-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-1107-D50"
          data-autohide="10"
          data-title="Palermo Night Life"
          data-description="photo"
          data-src="/photos/normal/26-05-Sizilien-1107-D50.jpg">
        <img src="/photos/mobile/26-05-Sizilien-1107-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-1111-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-1111-D50"
          data-autohide="10"
          data-title="Palermo Night"
          data-description="shed"
          data-src="/shed/26-05-Sizilien-1111-D50/normal.jpg">
        <img src="/shed/26-05-Sizilien-1111-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-1134-D50"
          data-description="asset"
          data-src="/post/Sicily-Scenes/26-05-Sizilien-1134-D50.jpg">
        <img src="/post/Sicily-Scenes/26-05-Sizilien-1134-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-1179-D50"
          data-description="asset"
          data-src="/post/Sicily-Scenes/26-05-Sizilien-1179-D50.jpg">
        <img src="/post/Sicily-Scenes/26-05-Sizilien-1179-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-1274-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-1274-D50"
          data-autohide="10"
          data-title="Abandoned 500"
          data-description="pool"
          data-src="/pool/26-05-Sizilien-1274-D50/normal.jpg">
        <img src="/pool/26-05-Sizilien-1274-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-752-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-752-D50"
          data-autohide="10"
          data-title="Fire Fountain I"
          data-description="pool"
          data-src="/pool/26-05-Sizilien-752-D50/normal.jpg">
        <img src="/pool/26-05-Sizilien-752-D50/mobile.jpg" />
      </a>
    </div>
</div>

 ]]>
      </description>
    </item>
    <item>
      <guid>https://kiko.io/post/Sicily-People/</guid>
      <title>Sicily People</title>
      <link>https://kiko.io/post/Sicily-People/</link>
      <byline:author ref="kristofz"/>
      <byline:perspective>personal</byline:perspective>
      <category>Photo</category>
      <category>Imaging</category>
      <category>Publishing</category>
      <pubDate>Wed, 15 Jul 2026 05:45:00 +0000</pubDate>
      <description>
        <![CDATA[ <p><img src="https://kiko.io/images/social-media/Sicily-People.jpg" /></p><p>For many years, what interested me most about photography were shapes and colours. <strong>People</strong> didn’t play a major role, because they didn’t fit the pattern. That has changed in recent years, and I very often press the shutter button when I spot an interesting scene. Not like a street photographer who actively approaches people to get a good shot, but more as a spectator and observer. By-catch. I don’t really know why those photos work always better when I edit them into black-and-white images afterwards. Can anyone explain this to me?</p>
<p>Of course, I came across a few such scenes again on our <a href="/post/Sicily">trip to Sicily</a>, because although we were there quite early in the year for tourists, there’s hardly a corner of the island where you don’t come across people.</p>
<span id="more"></span>

<hr>
<div class="photo-masonry" id="photo-masonry-ix0l8w">
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-040-D50"
          data-description="asset"
          data-src="/post/Sicily-People/26-05-Sizilien-040-D50.jpg">
        <img src="/post/Sicily-People/26-05-Sizilien-040-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-005-D50"
          data-description="asset"
          data-src="/post/Sicily-People/26-05-Sizilien-005-D50.jpg">
        <img src="/post/Sicily-People/26-05-Sizilien-005-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-034-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-034-D50"
          data-autohide="10"
          data-title="High Up"
          data-description="shed"
          data-src="/shed/26-05-Sizilien-034-D50/normal.jpg">
        <img src="/shed/26-05-Sizilien-034-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-046-D50"
          data-description="asset"
          data-src="/post/Sicily-People/26-05-Sizilien-046-D50.jpg">
        <img src="/post/Sicily-People/26-05-Sizilien-046-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-082-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-082-D50"
          data-autohide="10"
          data-title="Wall Teens"
          data-description="shed"
          data-src="/shed/26-05-Sizilien-082-D50/normal.jpg">
        <img src="/shed/26-05-Sizilien-082-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-125-D50"
          data-description="asset"
          data-src="/post/Sicily-People/26-05-Sizilien-125-D50.jpg">
        <img src="/post/Sicily-People/26-05-Sizilien-125-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-134-D50"
          data-description="asset"
          data-src="/post/Sicily-People/26-05-Sizilien-134-D50.jpg">
        <img src="/post/Sicily-People/26-05-Sizilien-134-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-150-D50"
          data-description="asset"
          data-src="/post/Sicily-People/26-05-Sizilien-150-D50.jpg">
        <img src="/post/Sicily-People/26-05-Sizilien-150-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-168-D50"
          data-description="asset"
          data-src="/post/Sicily-People/26-05-Sizilien-168-D50.jpg">
        <img src="/post/Sicily-People/26-05-Sizilien-168-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-178-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-178-D50"
          data-autohide="10"
          data-title="Masonry Walk"
          data-description="shed"
          data-src="/shed/26-05-Sizilien-178-D50/normal.jpg">
        <img src="/shed/26-05-Sizilien-178-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-300-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-300-D50"
          data-autohide="10"
          data-title="Facing the Wind"
          data-description="shed"
          data-src="/shed/26-05-Sizilien-300-D50/normal.jpg">
        <img src="/shed/26-05-Sizilien-300-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-343-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-343-D50"
          data-autohide="10"
          data-title="Harbour Watch"
          data-description="shed"
          data-src="/shed/26-05-Sizilien-343-D50/normal.jpg">
        <img src="/shed/26-05-Sizilien-343-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-354-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-354-D50"
          data-autohide="10"
          data-title="Island Vehicles"
          data-description="shed"
          data-src="/shed/26-05-Sizilien-354-D50/normal.jpg">
        <img src="/shed/26-05-Sizilien-354-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-374-D50"
          data-description="asset"
          data-src="/post/Sicily-People/26-05-Sizilien-374-D50.jpg">
        <img src="/post/Sicily-People/26-05-Sizilien-374-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-419-D50"
          data-description="asset"
          data-src="/post/Sicily-People/26-05-Sizilien-419-D50.jpg">
        <img src="/post/Sicily-People/26-05-Sizilien-419-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-510-D50"
          data-description="asset"
          data-src="/post/Sicily-People/26-05-Sizilien-510-D50.jpg">
        <img src="/post/Sicily-People/26-05-Sizilien-510-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-832-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-832-D50"
          data-autohide="10"
          data-title="Sunbathing View"
          data-description="shed"
          data-src="/shed/26-05-Sizilien-832-D50/normal.jpg">
        <img src="/shed/26-05-Sizilien-832-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-882-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-882-D50"
          data-autohide="10"
          data-title="Smoking Listener"
          data-description="shed"
          data-src="/shed/26-05-Sizilien-882-D50/normal.jpg">
        <img src="/shed/26-05-Sizilien-882-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-965-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-965-D50"
          data-autohide="10"
          data-title="Moto Chilling"
          data-description="shed"
          data-src="/shed/26-05-Sizilien-965-D50/normal.jpg">
        <img src="/shed/26-05-Sizilien-965-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-1003-D50"
          data-description="asset"
          data-src="/post/Sicily-People/26-05-Sizilien-1003-D50.jpg">
        <img src="/post/Sicily-People/26-05-Sizilien-1003-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-1022-D50"
          data-description="asset"
          data-src="/post/Sicily-People/26-05-Sizilien-1022-D50.jpg">
        <img src="/post/Sicily-People/26-05-Sizilien-1022-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-1040-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-1040-D50"
          data-autohide="10"
          data-title="Photo Offer"
          data-description="shed"
          data-src="/shed/26-05-Sizilien-1040-D50/normal.jpg">
        <img src="/shed/26-05-Sizilien-1040-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-1043-D50"
          data-description="asset"
          data-src="/post/Sicily-People/26-05-Sizilien-1043-D50.jpg">
        <img src="/post/Sicily-People/26-05-Sizilien-1043-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-1045-D50"
          data-description="asset"
          data-src="/post/Sicily-People/26-05-Sizilien-1045-D50.jpg">
        <img src="/post/Sicily-People/26-05-Sizilien-1045-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-1080-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-1080-D50"
          data-autohide="10"
          data-title="Sacred Singing"
          data-description="photo"
          data-src="/photos/normal/26-05-Sizilien-1080-D50.jpg">
        <img src="/photos/mobile/26-05-Sizilien-1080-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-1099-D50"
          data-description="asset"
          data-src="/post/Sicily-People/26-05-Sizilien-1099-D50.jpg">
        <img src="/post/Sicily-People/26-05-Sizilien-1099-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-1112-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-1112-D50"
          data-autohide="10"
          data-title="Direction Instructions"
          data-description="shed"
          data-src="/shed/26-05-Sizilien-1112-D50/normal.jpg">
        <img src="/shed/26-05-Sizilien-1112-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-1126-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-1126-D50"
          data-autohide="10"
          data-title="Palermo Market"
          data-description="shed"
          data-src="/shed/26-05-Sizilien-1126-D50/normal.jpg">
        <img src="/shed/26-05-Sizilien-1126-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-1159-D50"
          data-description="asset"
          data-src="/post/Sicily-People/26-05-Sizilien-1159-D50.jpg">
        <img src="/post/Sicily-People/26-05-Sizilien-1159-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-1164-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-1164-D50"
          data-autohide="10"
          data-title="Coffee Booth"
          data-description="shed"
          data-src="/shed/26-05-Sizilien-1164-D50/normal.jpg">
        <img src="/shed/26-05-Sizilien-1164-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-1166-D50"
          data-description="asset"
          data-src="/post/Sicily-People/26-05-Sizilien-1166-D50.jpg">
        <img src="/post/Sicily-People/26-05-Sizilien-1166-D50.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-1172-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-1172-D50"
          data-autohide="10"
          data-title="Urban Attention"
          data-description="shed"
          data-src="/shed/26-05-Sizilien-1172-D50/normal.jpg">
        <img src="/shed/26-05-Sizilien-1172-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/26-05-Sizilien-1198-D50"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/26-05-Sizilien-1198-D50"
          data-autohide="10"
          data-title="Cefalú Chillin&#x27;"
          data-description="shed"
          data-src="/shed/26-05-Sizilien-1198-D50/normal.jpg">
        <img src="/shed/26-05-Sizilien-1198-D50/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="26-05-Sizilien-1192-D50"
          data-description="asset"
          data-src="/post/Sicily-People/26-05-Sizilien-1192-D50.jpg">
        <img src="/post/Sicily-People/26-05-Sizilien-1192-D50.jpg" />
      </a>
    </div>
</div>

 ]]>
      </description>
    </item>
    <item>
      <guid>https://kiko.io/post/Re-CSS-is-simple-stop-making-it-hard/</guid>
      <title>Re: CSS is simple, stop making it hard</title>
      <link>https://kiko.io/post/Re-CSS-is-simple-stop-making-it-hard/</link>
      <byline:author ref="kristofz"/>
      <byline:perspective>personal</byline:perspective>
      <category>UI/UX</category>
      <category>CSS</category>
      <category>HTML</category>
      <category>JulyReply</category>
      <pubDate>Mon, 13 Jul 2026 17:07:04 +0000</pubDate>
      <description>
        <![CDATA[ <p><img src="https://kiko.io/images/social-media/Re-CSS-is-simple-stop-making-it-hard.jpg" /></p><p>I came across <a href="https://bubbles.town/entry/44743163">Martijn’s post on Bubbles</a> today and would like to take this opportunity to answer his question from my point if view …</p>
<blockquote>
<p>I can already hear you complaining that you shouldn’t use tables for layout. Why exactly?</p>
</blockquote>
<p></p>

<div class="cardlink-container">
  <a class="cardlink-card" href="https://blog.brixit.nl/css-is-simple-stop-making-it-hard/">
    <div class="cardlink-main">
      <div class="cardlink-title">CSS is simple, stop making it hard</div>
      <div class="cardlink-description">Or: how to embrace 1997 CSS</div>
      <div class="cardlink-host">
        <img class="cardlink-favicon no-zoom" src="https://t2.gstatic.com/faviconV2?client&#x3D;SOCIAL&amp;type&#x3D;FAVICON&amp;fallback_opts&#x3D;TYPE,SIZE,URL&amp;url&#x3D;https://blog.brixit.nl/css-is-simple-stop-making-it-hard/&amp;size&#x3D;32" />
        <span>blog.brixit.nl</span>
      </div>
    </div>
    <div class="cardlink-thumbnail" style="background-image: url(https://blog.brixit.nl/image/w600/static//static/files/blog.brixit.nl/1783158947/random-header.jpg)"></div>
  </a>
</div>

<span id="more"></span>

<hr>
<p>All of us (with 40+ years under our belts) used tables in the late 90s to achieve the holy grail of layout …</p>
<p>HEADER<br>NAV | CONTENT | ADS<br>FOOTER</p>
<p>… BUT … back then, on the one hand, we had no other options, and on the other, there was simply no other display device available apart from the monitor on our computers under the desk! All layouts were in landscape format with a resolution of at least 800 x 600. So it didn’t matter that we had rigidly fixed the positioning of the layout elements directly in the HTML using rows (TR) and cells (TD).</p>
<p>However, with the advent of tablets and smartphones, the width available in portrait mode became far too narrow to accommodate three side-by-side sections that were still legible, and the fixed structure dictated by HTML became a drawback if you did not want to create two versions (as was common practice initially) – one for desktops and another for mobile devices. If we take statistics such as those from <a href="https://www.similarweb.com/platforms/">SimilarWeb for June 2026</a> at face value, the proportion of <strong>desktop visits</strong> to websites currently stands at <strong>less than 33%</strong>, and the trend is downwards. Other analyses will certainly reach the same conclusion.</p>
<p>CSS has made web development much simpler here, even though the techniques behind it have, in some cases, reached a level of complexity that is almost incomprehensible. However, <code>flex</code> and <code>grid</code> are generally a blessing, even in their simplest form, and no one <strong>– really NO ONE –</strong> needs to rely on TABLE in 2026, nor should it be used for anything other than … tables. And even this only in exceptional cases.</p>
<hr>
<p>This post is part of the <a href="https://robertbirming.com/julyreply/">#JulyReply</a> campaign initiated by Robert Birming.</p>
 ]]>
      </description>
    </item>
    <item>
      <guid>https://kiko.io/notes/2026/Football-Data-Portraits/</guid>
      <title>Football Data Portraits</title>
      <link>https://kiko.io/notes/2026/Football-Data-Portraits/</link>
      <byline:author ref="kristofz"/>
      <byline:perspective>personal</byline:perspective>
      <category>Note</category>
      <pubDate>Mon, 13 Jul 2026 16:01:00 +0000</pubDate>
      <description>
        <![CDATA[ <p><img src="https://kiko.io/images/social-media/Football-Data-Portraits.jpg" /></p><p>Football today is an incredibly data-driven sport. Everything is analysed, measured and weighted, and every now and then the fans get to see a little bit of this data, such as on-screen graphics showing ball possession or similar statistics.</p>
<p>Alexander Bogachev’s project Football Data Portraits demonstrates what can be done with this data, which are often freely available. He processes the data from all the matches in the current FIFA World Cup, transforming it into highly visual waves – coloured to match each team – on a virtual football pitch, shown in fast motion over the entire duration of the match. It’s great fun to watch, especially if you’ve seen the match on TV or even live.</p>
<p><img src="/notes/2026/_attachments/Football-Data-Portraits.jpg"></p>
<p>#Data #Analytics #Football</p>
<hr>
<div class="cardlink-container">
  <a class="cardlink-card" href="https://wc26.bogachev.fr">
    <div class="cardlink-main">
      <div class="cardlink-title">FIFA World Cup 2026 Data Portraits</div>
      <div class="cardlink-description">Every 2026 World Cup match as a living data-portrait — two territory blankets, a momentum pulse, honest football made beautiful.</div>
      <div class="cardlink-host">
        <img class="cardlink-favicon no-zoom" src="https://t2.gstatic.com/faviconV2?client&#x3D;SOCIAL&amp;type&#x3D;FAVICON&amp;fallback_opts&#x3D;TYPE,SIZE,URL&amp;url&#x3D;https://wc26.bogachev.fr&amp;size&#x3D;32" />
        <span>wc26.bogachev.fr</span>
        </div>
    </div>
    <div class="cardlink-thumbnail" style="background-image: url(https://wc26.bogachev.fr/og-cover.png?v&#x3D;3)"></div>
  </a>
</div>
 ]]>
      </description>
    </item>
    <item>
      <guid>https://kiko.io/post/Sunny-July/</guid>
      <title>Sunny July</title>
      <link>https://kiko.io/post/Sunny-July/</link>
      <byline:author ref="kristofz"/>
      <byline:perspective>personal</byline:perspective>
      <category>Photo</category>
      <category>Flora</category>
      <pubDate>Sun, 12 Jul 2026 18:27:34 +0000</pubDate>
      <description>
        <![CDATA[ <p><img src="https://kiko.io/images/social-media/Sunny-July.jpg" /></p><p>We’re currently experiencing the second major heatwave in Germany. After the 41 degrees Celsius we had a few weeks ago in June, the 35 degrees now actually feel quite pleasant. Contrary to my usual habit, I didn’t manage to get around to taking photos in <a href="/series/thomas-garden/">Thomas’ Garden</a> in June, so I’m now posting some new photos from July … and I think there are a few lovely ones amongst them.</p>
<span id="more"></span>

<hr>
<div class="photo-masonry" id="photo-masonry-ep9rv8">
    <div>
      <a class="spotlight" 
          data-title="D50_8350_2607"
          data-description="asset"
          data-src="/post/Sunny-July/D50_8350_2607.jpg">
        <img src="/post/Sunny-July/D50_8350_2607.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="D50_8351_2607"
          data-description="asset"
          data-src="/post/Sunny-July/D50_8351_2607.jpg">
        <img src="/post/Sunny-July/D50_8351_2607.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="D50_8361_2607"
          data-description="asset"
          data-src="/post/Sunny-July/D50_8361_2607.jpg">
        <img src="/post/Sunny-July/D50_8361_2607.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="D50_8362_2607"
          data-description="asset"
          data-src="/post/Sunny-July/D50_8362_2607.jpg">
        <img src="/post/Sunny-July/D50_8362_2607.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="D50_8363_2607"
          data-description="asset"
          data-src="/post/Sunny-July/D50_8363_2607.jpg">
        <img src="/post/Sunny-July/D50_8363_2607.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="D50_8368_2607"
          data-description="asset"
          data-src="/post/Sunny-July/D50_8368_2607.jpg">
        <img src="/post/Sunny-July/D50_8368_2607.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/D50_8375_2607"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/D50_8375_2607"
          data-autohide="10"
          data-title="Thomas Garden 26-07 VII"
          data-description="shed"
          data-src="/shed/D50_8375_2607/normal.jpg">
        <img src="/shed/D50_8375_2607/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="D50_8381_2607"
          data-description="asset"
          data-src="/post/Sunny-July/D50_8381_2607.jpg">
        <img src="/post/Sunny-July/D50_8381_2607.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/D50_8383_2607"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/D50_8383_2607"
          data-autohide="10"
          data-title="Thomas Garden 26-07 IX"
          data-description="shed"
          data-src="/shed/D50_8383_2607/normal.jpg">
        <img src="/shed/D50_8383_2607/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="D50_8384_2607"
          data-description="asset"
          data-src="/post/Sunny-July/D50_8384_2607.jpg">
        <img src="/post/Sunny-July/D50_8384_2607.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="D50_8385_2607"
          data-description="asset"
          data-src="/post/Sunny-July/D50_8385_2607.jpg">
        <img src="/post/Sunny-July/D50_8385_2607.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="D50_8389_2607"
          data-description="asset"
          data-src="/post/Sunny-July/D50_8389_2607.jpg">
        <img src="/post/Sunny-July/D50_8389_2607.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          data-title="D50_8392_2607"
          data-description="asset"
          data-src="/post/Sunny-July/D50_8392_2607.jpg">
        <img src="/post/Sunny-July/D50_8392_2607.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/D50_8394_2607"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/D50_8394_2607"
          data-autohide="10"
          data-title="Thomas Garden 26-07 XIV"
          data-description="pool"
          data-src="/pool/D50_8394_2607/normal.jpg">
        <img src="/pool/D50_8394_2607/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/D50_8397_2607"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/D50_8397_2607"
          data-autohide="10"
          data-title="Thomas Garden 26-07 XV"
          data-description="shed"
          data-src="/shed/D50_8397_2607/normal.jpg">
        <img src="/shed/D50_8397_2607/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/D50_8411_2607"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/D50_8411_2607"
          data-autohide="10"
          data-title="Thomas Garden 26-07 XVI"
          data-description="shed"
          data-src="/shed/D50_8411_2607/normal.jpg">
        <img src="/shed/D50_8411_2607/mobile.jpg" />
      </a>
    </div>
    <div>
      <a class="spotlight" 
          href="/photos/D50_8413_2607"
          data-button="Photo Page&nbsp;&nbsp;&#10148;"
          data-button-href="/photos/D50_8413_2607"
          data-autohide="10"
          data-title="Thomas Garden 26-07 XVII"
          data-description="photo"
          data-src="/photos/normal/D50_8413_2607.jpg">
        <img src="/photos/mobile/D50_8413_2607.jpg" />
      </a>
    </div>
</div>

 ]]>
      </description>
    </item>
  </channel>
</rss>