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...
Websites and blogs of people that attended a Homebrew Website Club Düsseldorf.
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.
So, here’s a drumcam video of Danny Carey playing “Pneuma” off the latest Tool album:
Seeing a drummer play songs live always makes you appreciate the skill even more than simply hearing it. Even with someone like him, where by merely listening it’s already immediately obvious that most people – including me – probably wouldn’t even be able to count this song correctly let alone play drums to it and keep a band playing together.
I also think it’s a first, I’ve seen that type of high-quality video of Danny Carey.
And great song by the way. My current favourite from “Fear Inoculum”.
📄 Corona Virus
A few words on the current corona virus situation.
🔗 April 2019 – Daniel Pietzsch’s Photo Journal
The first month living in the new neighbourhood. And so this post contains shots around there, at home, and of course random shots in between, which is the result of me taking my cameras everywhere I go.
My first ever pedalboard is taking shape.
In addition to the looper, the phaser, and the Little Big Muff fuzz I mentioned before, I now also got an EHX Pitch Fork and an expression pedal.
It’s all attached to the pretty much smallest pre-build board I could find: a Fame Spaceboard 50S.
And I think I now want to buy a single dedicated power supply, which can power all those pedals. Because it’s currently a little annoying having to power the pedals all individually.
Anyhow: happy progress!
📄 Webmentions
This site can now receive Webmentions. Either directly or via Twitter (with Bridgy’s help).
🎧 Over and Over and Over – Jack White
Listening to this over and over and over again…
📄 Guitar Gear Excitement
Recently, I really got into guitar gear – especially effect pedals.
Last week I discovered Royal Blood and was blown away! Just check out this festival gig:
They’re only a duo – a drummer and a bassist (!) – but produce an impressive (and innovative) sound. Have not seen anything quite like it. It’s like The White Stripes meet Muse and it’s brilliant!
Automatic Visual Studio Update Reboot If Necessary
The patches for CVE-2020-0601, CVE-2020-0605 and CVE-2020-0606 caused a pending reboot on my build servers after updating visual studio. So my hope that the unattended visual studio updater script would be finished has not come true So I added a pending reboot detection: Additionally I wanted some more details in the event log regarding the version being updated and the version after the update. I added a few lines using the FileInfo class.
Today, the Trident Era Ends
When I was a child, I was always fascinated by stories about ancient civilizations. I devoured books about Atlantis, or the story of Heinrich Schliemann's discovery of Troy, stories about the Greek, the Romans, the Inca Empire, or Ancient Egypt. And I was always fascinated b...