Web-Development

A theme update breaks a hero image on Safari. A hosting provider changes a default. A CMS plugin starts injecting something. Nobody notices for six weeks, and when someone finally does, the only honest answer to “when did this start?” is a shrug. I have given that shrug more than once. This week I shipped Screenshot-a-Day v0.1.0 so I would stop having to. The idea is not new around here. It has been sitting on this site as a sketch since May 2024, back when I assumed the answer was a $10/year SaaS running Puppeteer on a Lambda. What actually shipped went the other direction on almost every one of those assumptions, and the reasons are the interesting part.

I clicked the “Latest release” badge in Ryder’s README and landed on v0.0.1-alpha, dated January 2024. That would have been unremarkable if it were the latest release. It wasn’t. Ryder had shipped v0.1.0 through v0.2.4, but the release workflow marked every automated release as a prerelease. GitHub excludes prereleases from that badge, so two years of releases were present, downloadable, and effectively invisible from the project’s front door.

I made this quick and easy shortcode to get started using leaflet.js in the Ryder Theme for Hugo Websites, as I add more features supported by leaflet to the shortcode I might update this page.

A super simple alpinjs image gallery The first place I used this is on the recipe page about my mom’s family recipe cookbook

A styled RSS feed makes your site more usable When you put a link to your rss / atom feed on your website it is a link to a raw xml file designed for feed readers such as feedly to import them and provide the reader with all their internet in one place.

This is what it looks like I use Hugo a lot for my web development work, and I think it is pretty great. The one problem with it for many non-technical people I work with is that there is no CMS feature, they want a website administration page where they can do the usual.

Here are some useful partials I use in this theme. layouts/_default/_markup/render-image.html This replaces the default markup template for rendering an image when the markdown code  is used. It calls another partial you have to add to your theme or layout directory in your site called ImageConverter.