While upgrading to version 3 of Eleventy, I discovered that the official serverless plugin was no longer supported. That was how this site's search feature worked. To finish the upgrade, I needed to write my own serverless code and plugin to manage it. While the details of how the search feature can be found in the old post, this one walks through the code to use 11ty's programmatic API and build a serverless function for Netlify.
Ordering and sorting items in a large list seems like a straight forward task at first, but the more you dig in to the problem, the more issues reveal themselves. Here's a deep-dive into how Mythic users Stern-Brocot trees to handle people setting their own page ordering.
This is a real quick note for friends (or I guess anyone else) who looked, but wasn't able to find me on Facebook. I deleted my account (I'm also no longer on Instagram). You can reach me on the same email addresses I've had for a couple decades or Signal using the New Zealand number I've had for 10 years. If you don't have those, ask a mutual friend, someone knows how to get a hold of me and I'd...
In my last little post I mentioned that I need to get a content management system (CMS) set up for this site to help me write more frequently. The site is (at the time of writing) static HTML generated from Markdown files by Eleventy (11ty). While Markdown is easy to write in any text editor, I still need to manage image files and their code snippets for Eleventy. Publishing is done through pushing to a Git repository—this part at...
This is a test post from my phone, pushed to my self-hosted git repository on my home server, and deployed to Netlify. Maybe I'll move the hosting to the home server as well. I still need to set up an actual CMS interface for a nicer writing experience.
Earlier this year (2023) I added a search feature to my blog. I’ve always appreciated being able to search other people’s personal sites directly without resorting to a third-party search engine. As I try to get back into writing more here, especially little web development notes to my future self, it will be nice to be able to find past ideas easier. I’ve also been wanting to explore “serverless functions” (aka, Someone Else’s Backend Server) as a way to expand the capabilities of a static website with no backend.
Apple is hiding parts of websites' page titles when they fuzzy match the URL and particular separator characters are used.
It's pretty well established that personal sites are a great place to tinker and experiment. This site is no exception—for a while, I've been trying to finish porting my old blog posts here, but I keep getting distracted by poking at and playing with other parts of the site.
Currently, I have several branches of work going on, all in various states of completion:
Struggling with the width of number inputs in Safari and Chromium browsers? Here's why.
Using the new CSS :has() pseudo class, also known as the parent selector, to highlight table columns on hover.
While working with large tables of data, it can often be difficult to scan through all the rows and columns. Without visual styles, pinpointing information at the crossroads of a specific row and column is challenging. One way to assist sighted people in parsing your data is to highlight both the row and column they hover over or tap on, creating a crosshair at that table cell.