Skip to main content

Issue 51 - Zach's Eleventy Weekly Report №6, Memoization, JS front matter, WebC is having a moment, Raymond gets Squirrelly and does Basic, Keenan concise and hinged, 11 weeks x 11ty, 💩-ier...And 12 posts and 7 sites to see

6 minutes to read

Welcome to Issue 51 of the 11ty Bundle. 11ty, aka Eleventy, is a "simpler static site generator" that is designed to be simple, flexible, and highly customizable. It is built on Node.js and allows developers to create websites by transforming templates and data into static HTML files. It supports multiple template languages, giving developers the freedom to choose the languages that best suit the needs of their project.

An email version of this blog is available. Subscribe here.


I thought this was going to be a short one, with summer and all, but it grew hair as the week progressed. I hope you enjoy it.

Zach's Eleventy Weekly Report №6. Here's Zach's Mastodon post where he's been outlining his weekly progress on all things Eleventy, some of which I recap below.

Zach's weekly eleventy update number 5

Memoization. On tap with the upcoming alpha.15 is a memoization layer around the slug, slugify, and inputPathToUrl filters. You can read more about it in Zach's GitHub issue comment. I had to take a little time to learn about memoization. Memoize is "an optimization used to speed up consecutive function calls by caching the result of calls with identical input." It reminds me of some of the performance gains that I wrote about in my Slashing by Caching post. Looks like some of that will be built into Eleventy now. Sweet!

JS front matter. Also arriving soon in alpha.15 are two forms of Javascript front matter. Prior to alpha.15, javascript front matter was Object-based. Going forward, you can use either Object-based or what I'll call Function-based front matter. Check out Zach's description in this GitHub issue comment.

WebC is having a moment. Fynn Becker has developed a VS Code extension called WebC for VS Code. It just came out so it doesn't have many installs, but still...it's a thing. Here's what he said on Mastodon: "It’s super basic for now, providing just the .webc to HTML file association and suggestions for WebC-specific HTML attributes including links on hover to the documentation." And Miriam Suzanne is reworking her site from scratch and "sticking with Eleventy, but moving from Nunjucks templates/macros to WebC and web components." She's got a great post showing us how.

Raymond gets Squirrelly and does Basic. As he sometimes does, Raymond Camden writes code while on vacation. This time, he's built a small demo with Eleventy that makes use of Squirrelly, yet another Javascript template language. According to the docs, Squirrelly "drew inspiration from template engines like Nunjucks, Handlebars, EJS, and Pug to create a template engine with the best parts of each." Here's Raymond's post about it and the GitHub repo. As if Raymond hadn't written enough code on vacation, on Sunday, he blessed us with this gem: (Don't) Add BASIC Support to Eleventy. I didn't know how to categorize this one, so I put it in How to.... And as Raymond was sharing this on Mastodon, I told him that it reminded me of when co-authored a Basic interpreter when I was in grad school back in 1979 (we called it Basick). Ray noted that my comment made him feel young, as he was only 6 at the time. I replied that I was soon to turn 24, so I was old enough to be his father. 😂 That said, I don't know what it would be like to feel old...and I'm not about to start. P.S. Raymond now tops the post count leaderboard, reaching the 100 post mark! In other words, he's written 8.6% of the posts on this site. Hats off!

Keenan concise and hinged. Those of you on Mastodon may have been following the excellent writings of Keenan for some time. I am a relatively new reader. Anyway, they bit the bullet and undertook the task of learning Eleventy and building their site from scratch with help from some of our awesome community members. In one of this week's posts, they wrote about the experience -- the ups, the downs, the stubbornness, the everything. It's not chock full of technical details, but it's a fun and motivating read. And I feel compelled to link to it here by using the full title as the link text, just because. Here it is...An alarmingly concise and very hinged summary of what it was like to build this site from scratch. Enjoy!

11 weeks x 11ty. A developer that goes by the GitHub handle rascode has started what he calls "An 11 week journey of learning 11ty by building together in public." You can follow along at this site. I shared the "bundle" and the Discord server with him on X (yeah, I went back to dip my toe in; it's still hellish). I'll be keeping my eye on it. Here was his announcement on X:

💩-ier. I will leave you with this humorous and satirical project that I came across via Stefan Judis' Web Weekly newsletter. It's called Shittier. "Shittier is a code formatting tool that aims to make your code look as terrible as possible."

Until next time...

Recent releases

No new releases since the last issue.

Posts from around the web

Fetching Achievements and Trophies for my Game Collection Page

How I'm fetching trophy and achievements to show on my game collection

Jul 7, 2024

Categories: FiltersHow to...Remote Data

Hello World (from 11ty)!

Ah shit, here we go again dot gif

Jul 7, 2024

Categories: BloggingFront Matter

(Don't) Add BASIC Support to Eleventy

A bad idea. A very, very bad idea.

Jul 7, 2024

Categories: How to...

Using templates, shortcodes, and the Eleventy supplied data for highlighting the current page in navigation

Jul 6, 2024

Categories: CSS/SassHow to...Shortcodes

Add Squirrelly Support to Eleventy

How to add Squirrelly support to Eleventy

Jul 6, 2024

Categories: ConfigurationHow to...

Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.

Jul 3, 2024

Categories: BloggingGlobal DataHow to...Social Media

Building out a books page

I had a ton of fun reading about how Melanie put together her reading page that I thought I'd write up a quick post on how I built mine.

Jul 3, 2024

Categories: Now PageHow to...Remote Data

Adding a Photo Stream to an Eleventy Site

Fetching all my public photos from Flickr & putting them on my page

Jun 30, 2024

Categories: Global DataHow to...Image GalleriesImagesPaginationRemote Data

Built with Eleventy

Here are the new sites to see. If you want to see more sites, check out the Eleventy Leaderboards.

ash.ms

Aussie guy living in Brisbane. Webdev, sometimes speaker, cyclist, vlogger. Click here for the good...

Larry Walters Tribute

A man can't just sit around.

Mystica

checkout my content on various technologies

nic lake

Life, technology, family, and more.

humankode

HumanKode blog

Get the blog by email (or RSS)

Powered by Buttondown