Normally I write these "Links For You" posts on the weekend, but my family and I will be on vacation for the next few days and the laptop is not invited. With that in mind, here's what I'd like to share with yall, enjoy!
I'm super excited that Eleventy has hit 2.0! You can read about all the changes on the blog post, and there's quite a bit, but for me the biggest updates are:
- Dramatic reduction (nearly a third) in dependencies.
- Faster builds (especially important on my large site)
- Async friendly shortcodes and filters
There's a lot more, so again, check the post for details. I'm running 2.0 here, and in the new version of my site that I'm working on now.
Hiding DOM Elements
I love working with the web and even more so, I love being surprised by what's possible. Here's a great example of that:
Basically, swap <div hidden> for <div hidden=until-found> to allow the user to search within the hidden text via find-in-page.
In this toot, Šime Vidas is sharing a new value available to the
hidden attribute... which I didn't even know existed! It's basically the HTML version of hiding an element via CSS. And of course, MDN has docs for it: HTMLElement.hidden
Configuring an Alias for Mastodon
In this post by the awesome David Neal, he describes how to create an alias for your Mastodon account with Eleventy and Netlify. I used this myself to create the alias
@email@example.com for my "real" account
@firstname.lastname@example.org. It took all of five minutes and honestly it's a really cool trick!
As an aside, David does commissioned artwork. Here's one he did for me: