Ok, my “Fuck you, Instagram!” bookmarklet stopped working again. Bloody annoying. At least permalinks still work on their own and right-clicking hasn’t been disabled (yet?). So “Open Link in New Tab” still works.
Feeds from people participating at the IndieWebCamp Düsseldorf, May 2025.
The URL for subscribing to a YouTube channel via RSS:
https://www.youtube.com/feeds/videos.xml?channel_id=ADD_CHANNEL_ID_HEREYou get the channel_id from the URL of the channel.
📄 Düsseldorf Webcams
The city of Düsseldorf offers some surprisingly high-quality webcams. Embedded here for my own convenience, so I can watch them all at once.
📄 My fluid website layout
I'm using a viewport-based CSS layout for this site. What this means and why I do this is all explained in this post.
I’m currently watching the documentary about Dieter Rams by Gary Hustwit and it’s absolutely wonderful. Still free to watch today.
📄 Thoughts on lazy loading images
My current thoughts on this feature, its advantages and disadvantages, and why I have currently enabled this on my personal sites.
📄 Photo Journal Design Update
In the last week, I updated my photo journal’s design. There are no more borders around the images, the photos are more aligned to a grid and have varying sizes. It’s all more well-aligned and therefor looks cleaner.
🔗 July 2019 – Daniel Pietzsch’s Photo Journal
📷 “July 2019” is now up in the Photo Journal (48 photos). 📷
Funfair, Nord Open Air and life in between.
It turns out, lazy loading does work with responsive images in Firefox 75: for this to work, you currently have to put the loading attribute before srcset in the attribute list of an img tag. This is a bug, and will be fixed in a future release.
So, I changed my markup accor...
Ok, my “Fuck you, Instagram!” bookmarklet works again. Thanks!
Firefox 75 was released, promoting the native image lazy loading feature. Unfortunately, it doesn’t seem to work with responsive images (using srcset and sizes). It’s definitely not working here nor on my photo journal site. Am I just doing it wrong? I couldn’t find information about this issue, yet.
UPDATE: I needed to put the loading attribute before the srcset attribute on my img tags.
📄 Corona update
More personal thoughts and updates on the Corona virus situation.
🔗 June 2019 – Daniel Pietzsch’s Photo Journal
June was lovely with its long and sunny days. This one includes a few frames from around home, but mainly from our long-weekend camping trip to Holland.
Current film stock.
This site now uses lazy-loading for the Youtube video embeds. Meaning, a preview image is loaded, and only when you click that is the actual video embed requested.
After posting a few Youtube videos to this site recently, I noticed this was loading a whole lot of quite large third-party resources. And this was happening without even playing a video – very likely resulting in visitors having to download a non-trivial amount of megabytes of no use. The site was slow to load. My Lighthouse score went way down.
So I fixed it.
To lazy load the videos I wrote a Jekyll plugin for a custom Liquid tag, that will take a Youtube video URL as parameter and spit out an iframe tag that uses its srcdoc attribute to at first only load the video’s preview image and display a “Play” button.
🔗 May 2019 – Daniel Pietzsch’s Photo Journal
IndieWebCamp Düsseldorf, our first camping trip this year, and all the other bits in between.
Grmpf. I just noticed my “Fuck you, Instagram!” bookmarklet became useless. Instagram won’t let you click and open an image from a person’s index page. They now immediately prompt you to log in. And while the bookmarklet currently still removes the log in modal, any further attempts on clicking an image are ignored. So, this current version does not work any longer. 😠
At least, one can still right-click and hit “Open Link in New Tab” (in Safari that is). But that’s pretty tedious.
I wish more people simply had a website or blog without this sort of nonsense.
Spent the evening working on this site a little bit:
- Added article teaser images to index pages.
- Made the “Read More” links more prominent.
- Added OpenGraph
og:imageandog:typemeta tags. - Adding
loading="lazy"to the Youtubeiframes. - Making the Youtube embeds grayscale on index pages unless you hover over the article.
Matthias Ott
• Matthias Ott
My Visual Studio Code Setup: Extensions and Themes
And then, the display of my MacBook Pro broke. So after five years, it was time to get a new machine, after all. Every time this had happened in the past, I took the opportunity to start from scratch and do a fresh install of all the software I in fact use and need. Conseque...