Welcome ... I'm Kristof

I've been a passionate software developer for almost 30 years and currently a tech-savvy IT manager. In my spare time, I tinker with things like this blog, because creating software never lets you go. Here is more about me ...

Thomas Garden 24-06 V
mentions-united

Mentions United: New Renderer and Refactorings

Until now, I only occasionally checked the runtime of my Mentions United scripts by using a console output. It didn’t seem to be that important, because the scripts run asynchronously and the interactions only appear at the end of an article, with some time to spare before the reader gets there. However, the console times always referred to the providers that were actually executed and said nothing about the time that was actually needed. I also show the number of interactions at the beginning of an article, but not at the interactions themselves. In my head, the idea of a summary line was forming …

<p class="interactions-summary-line">
  INTERACTION-COUNT interactions collected by 
  <a target="_blank" href="https://github.com/kristofzerbe/MentionsUnited">Mentions United</a> 
  via PROVIDER-COUNT unique providers and 
  REQUEST-COUNT requests in DURATION seconds
</p>

Continue reading ...

#TIL |  Styling images in Markdown via URL hash

Oh man! The other day I fumbled HTML with inline styles into one of my Markdown files to let the text flow past it classically with FLOAT on the left side. But there is a simple and charming solution to solve this in general purely via the image URL and some CSS that I could have come up with myself …

I was led to this by a Mastodon post from Matt Wilkie, who cites a blog post from Surinder Bhomra. It’s just a simple hash added to the Markdown image URL (and which has no further impact) …

![my alt-text](path/to/my-image.jpg#right)

… and a little bit CSS:

img[src*='#left'] {
  float: right;
  margin: 10px 0 10px 10px;
}

#markdown #images

Butterflies on Pink

You will never know whose butterfly you were

My contribution to the IndieWeb Carnival November 2024

When I read about the topic of the current IndieWeb Carnival, which is being organized this time by Alexandra and in which I am participating for the first time… Impact… my first and so far only thought about it was: People. The ones that cross your path in the course of your life and, whether intentionally or unintentionally, send you in a different direction like a pinball in a game machine.

Continue reading ...

Chrome Dark and Light Mode made easy ... on Desktop

Some like it light, others dark. Yet others, like me, prefer it dark, but need it light to read … we’re talking about websites, color schemes and the impossibility of pleasing everyone.

While, Sara recently gave on CSS-Tricks a really good insight into how any blog owner can quickly and easily implement color theme switching, people need to see the necessity and implement it. Unfortunately, you can’t expect that.

But Bramus comes to the rescue, at least for the desktop, with his new extension Chrome Dark Mode Toggle, which anticipates what Google wants to build into the browser directly at some point: the user decides centrally in the browser how they want it, light or dark.

This extension allows you to override the value of prefers-color-scheme on a per-origin basis. That way, if a site uses prefers-color-scheme in their stylesheet, you can keep your OS in Light Mode while watching a site in Dark Mode (or vice versa).
Bramus Van Damme on Chrome Web Store

The thing works great, even if it only gets me a little further personally, since I spend 80% of my reading time on my smartphone and … no extensions are supported in Chrome for Android :|

#chrome #color-scheme

Dunkirk Colors
New Photos

Dunkirk

On the road to Wales

A few months ago, my wife and I made our way to Wales for a two week vacation. By car. From Germany. Over 600 miles, including a ferry. By American standards, it’s probably only some kind of morning trip, but it takes an aging European 2 days, so we stopped off in Dunkirk. Here are some photographic impressions of the famous northern French town.

Continue reading ...

Bent Details
Discoveries

Discoveries #31

It’s been three months since the last Discoveries, but it’s by no means as if I haven’t found a few things worth writing about in the meantime. I just had to prioritize my own new JS solution Mentions United … and there also had to be a bit of leisure time left over.

This time, I was particularly impressed by the web component <browser-mockup>, not least because its author responded to problem reports so quickly and competently.

Have fun discovering new tech marvels…

  • <browser-mockup>
  • TypeIt
  • The Odin Project
  • Can you convert a video to pure css?
  • code.movie
  • BrowserPub
  • Magery
  • MiniSearch
  • DotNetJS
  • striptags

Continue reading ...