norden.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
Moin! Dies ist die Mastodon-Instanz für Nordlichter, Schnacker und alles dazwischen. Folge dem Leuchtturm.

Administered by:

Server stats:

3.4K
active users

#eleventy

11 posts11 participants0 posts today

🔗 Magick images. via @beep #Development #Webdev #Eleventy

Since leaving 18F, I’ve spent much of the last month thinking about what’s next for me work-wise. And of course, I’ve been doing no small amount of doomscrolling. But amid all of that, I’ve been remembering how to treat my website like a worry stone. When things get too stressful I’ll spend some time sanding down a few rough edges in the redesign. A...

ethanmarcotte.com/wrote/magick

ethanmarcotte.comMagick images. — ethanmarcotte.com
More from Ethan Marcotte

I documented my flow and tooling for how I write and publish blog posts right now.

I use #Notion as my CMS and #Eleventy (❤️) as my static site generator and I've written custom CLI tools with Node to integrate the two.

My tooling has been built one small piece at a time over the past 7 years.

hamatti.org/posts/how-i-write-

Juha-Matti Santala - Community Builder. Dreamer. Adventurer. · How I write and publish blog posts in April 2025
More from Juhis

This is what vacation weeks are for, apparently: I made a little bit of progress on my #eleventy personal blog sites. There are still some issues and certainly lots of room to improve the styles, but I crossed off a couple things from the TODO list.

The Eleventy data cascade is great:

You can have data on different “layers", for example, applying to an entire directory via JS or one file via Front Matter.

Eleventy merges these layers for you, including objects mapping to the same key.

I just created a map of string replacements for permalinks over different layers.

One central function uses the merged map to modify permalinks accordingly.

This is fancy stuff. I hope to write a detailed How-To in the future.

GitHub told me that the auto deploying action for my silly blog would be disabled if there weren't any code changes. It's not every day that I get called out by my own infrastructure so rudely, so now you have to hear about it, too. Posting for the sake of posting. Seems about right.

#Eleventy #WebDev #McLuhan

🔗 frgmnt.art/posts/infrastucture

Page image for frgmnt.art
frgmnt.artInfrastucture Shaming — frgmnt.artTFW your dev ops platform calls you out for not posting.

I promised a friend that I would rebuild his site so that I could have a project to play with with Eleventy, but I spent far too much time trying to get everything to my liking. I wanted to run Eleventy with Docker, use custom elements, either with WebC or native, and build on some projects I really like. I think I did that, and I really like it, but now I have no excuse anymore not to start rebuilding my friend's website.

Just wrote a new blog post, "Adding base64 placeholder background images to eleventy-img"

In which I add base64-encoded placeholder background images to <img> tags on my Eleventy site, automagically, to reduce Layout Shift and make the site feel super snappy

blog.chobble.com/blog/25-04-16

blog.chobble.comAdding base64 placeholder background images to eleventy-imgAdd a low-quality webp placeholder image to the HTML of your site

I've had a statuslog section on my now page (reillyspitzfaden.com/now/) for a while, and I added it to my homepage as well (reillyspitzfaden.com/#homepage).

The especially nice part is that I now have a script (github.com/reillypascal/person) so I can simply type `./status` in the terminal, write the status text in the resulting .md file that pops open, and then commit/push!

I've seen some IndieWeb people (e.g., @binarydigit) do something similar via one of omg.lol's tools (home.omg.lol/info/statuslog) and liked it, but I wanted to see if I could DIY it just for the heck of it. Very happy with how easy the result is!

Pixel art of a radio tower and floppy disk, with pixel art text reading 'Reilly Spitzfaden'
reillyspitzfaden.comReilly Spitzfaden, Composer | Now

So, super simple Eleventy + Obsidian recipe for a #DigitalGarden space:

* Set up an 11ty project
* install the eleventy-plugin-interlinker (link below)
* open the project folder in Obsidian
* create a notes folder and change your settings so that all new notes go to that folder
* Add the Backlinks code from the interlinker plugin's readme into either an Obsidian template or a 11ty layout
* Add to that template some frontmatter for title, date
* Start making notes.

Serve locally (from terminal, vscodium,, whatever).

The interlinker plugin is here:
github.com/photogabble/elevent

Adds wikilink and wikilink embed support with tracking of backlinks. - photogabble/eleventy-plugin-interlinker
GitHubGitHub - photogabble/eleventy-plugin-interlinker: Adds wikilink and wikilink embed support with tracking of backlinks.Adds wikilink and wikilink embed support with tracking of backlinks. - photogabble/eleventy-plugin-interlinker