Weekly Whaaa…?

I use the ISO weeks from Monday to Monday, so ISO Week 29 is the week of 2024-07-15/2024-07-21.

Viewing and Reading

Extraordinary Birder

We’ve been watching Extraordinary Birder with Christian Cooper a bit this week, and it’s really enjoyable. My spouse has been watching it more attentively than I have (I’ve often been reading as she watches), but I watched all of the Palm Springs episode and like it enough that I’m planning to re-watch the whole series with her.

Hyperlocal Psychogeography

Hyperlocal psychogeography isn’t a show or anything; I’ve just been taking walks around the neighborhood far earlier in the morning due to the current heat wave, and the shift in time has led me to pay newfound attention to the built environment while I do so.

Psychogeography has long been a fave practice of mine, ever since I first read about the Situationists. It’s an always-there method for adopting beginner’s mind even amid what could otherwise feel like profoundly familiar surroundings.

If I take a particularly long walk, there’s a corner where you can see Bogus Basin Road winding up into the Boise Foothills on its way to Bogus Basin and further beyhond. The switch from tree-lined streets nestled in the Treasure Valley and the greater Snake River Plain to seeing a gateway to the mountains north of town can be quite jarring—and often inspires a welcome and unexpected sense of possibility early in the day!

Lightly-Annotated Linkapalooza

Site Refinements of the Week

Reading Microfeatures I love in Blogs and Personal Websites last week inspired me to search for ways to add external link indicators to my site.

There are a number of plugins that let one do this with Jekyll, but many of them require intentionally annotating either internal or external links with extra tags. I’m wary of adding features that will require me to go back and change almost a decade of posts, so instead I searched for simpler approaches. I was discouraged at first that all the plugins or approaches I found were focused on the ability to force external links to open in a new tab, a behavior which often poses accessibility challenges, so that’s not an approach I want to add.

When I found MichaelDot’s Adding Ability to Open External Links in New Tab Minimal Mistakes Jekyll blog post, I realized that I could adapt his JavaScript code to annotate the links without also forcing the “new tab” behavior. Thankfully, my spouse had time to help me go through and make sure that I understood all of what this small script does, so I feel comfortable adding it to my site.

I’ve chosen an upward-right facing arrow that doesn’t include the usual “box” element, to hopefully indicate that it’s an internal link but not one that will hijack your browser and create a new tab.

I will probably go back and add an ARIA label to indicate these external links—but I’m currently hesitant because I’ve often heard accessibility experts say that no ARIA is better than bad ARIA… and I’ll want to carefully consider whether whatever I end up adding is worth the risk of doing it poorly.

But for now, you’re very welcome to adopt or adapt my site’s external-link-indicator.js file (which determines which links are external and adds an appropriate class to the html) and the following css rule (which adds the visual decoration).

.page__content a.external-link:not(nav a.external-link, div.backlink-box a.external-link)::after {
    content: " ↗"
}

If you do end up using this—and especially if you add your own refinements or improvements—I’d love to hear about it!

Kudos

Did you enjoy this? Let me know:

Perhaps even leave a comment below?

Leave a comment