FeedCity

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.

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.

The subject of this data protection notice is the information about what data is collected when you visit our website and the use of our offers there and how it is processed and used by us. General Daniel Fisher (hereinafter "we") operates e.g. Website accessible under the domain lennybacon.com. We take the protection of your personal data very seriously. Personal data is all information that relates to an identified or identifiable natural person, such as name, e-mail address, IP address or postal address.

Responsible for the content Daniel Fisher c/o Hopfgarten RechtsanwärtGmbB, Ohligsmühle 11,42103 Wuppertal, Germany Telephone: +49 (176) 6159 8612 E-mail: info@lennybacon.com Vat.ID: DE263092262 Disclaimer Liability for content As a service provider, we are responsible for our own content on these pages in accordance with general laws. We are not obliged to monitor transmitted or stored third-party information or to investigate circumstances that indicate illegal activity. Obligations to remove or block the use of information according to general laws remain unaffected.

Verantwortlich für den Inhalt Daniel Fisher c/o Hopfgarten Rechtsanwälte PartGmbB, Ohligsmühle 11,42103 Wuppertal, Deutschland Telefon: +49 (176) 6159 8612 E-Mail: info@lennybacon.com Ust.ID: DE263092262 Haftungsausschluss Haftung für Inhalte Als Diensteanbieter*in sind wir für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Wir sind jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt.

Gegenstand dieser Datenschutzhinweise ist die Information darüber, welche Daten bei Ihrem Besuch unseres Internet-Auftritts und der Nutzung unserer dortigen Angebote erhoben und wie diese von uns verarbeitet und genutzt werden. Allgemeines Daniel Fisher (nachfolgend "wir") betreibt die z.B. unter der Domain lennybacon.com erreichbare Webseite. Wir nehmen den Schutz Ihrer personenbezogenen Daten sehr ernst. Personenbezogene Daten sind alle Informationen, die sich auf eine identifizierte oder identifizierbare natürliche Person beziehen, wie beispielsweise Name, E-Mail-Adresse, IP-Adresse oder Postanschrift.

My current thoughts on this feature, its advantages and disadvantages, and why I have currently enabled this on my personal sites.

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” 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.

More personal thoughts and updates on the Corona virus situation.

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.

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:image and og:type meta tags.
• Adding loading="lazy" to the Youtube iframes.
• Making the Youtube embeds grayscale on index pages unless you hover over the article.