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
Jul 9, 2024
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](/assets/img/zachs-eleventy-progress-6.jpg)
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:
I'm doing a thing.
— rascΓΈde.eth (@rascodev) July 5, 2024
Today is Day 1 of my 11 Weeks of @eleven_ty challenge. The objectives are simple:
- Build 11 separate 11ty sites in 11 weeks
- Become proficient in 11ty along the way
- Build in Public
- Share as I learn/grow
- Learn from others on a similar journey pic.twitter.com/Zbh25V8qNs
π©-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
by Robb Knight (18 posts) · Website & RSS feed
Categories: FiltersHow to...Remote Data
Hello World (from 11ty)!
Ah shit, here we go again dot gif
Jul 7, 2024
by Nic Lake (1 post) · Website & RSS feed
Categories: BloggingFront Matter
(Don't) Add BASIC Support to Eleventy
A bad idea. A very, very bad idea.
Jul 7, 2024
by Raymond Camden (101 posts) · Website & RSS feed
Categories: How to...
Highlighting the Active Navigation Link in Eleventy Using Templates, Shortcodes, and the Page Object
Using templates, shortcodes, and the Eleventy supplied data for highlighting the current page in navigation
Jul 6, 2024
by nonnullish (3 posts) · Website & RSS feed
Categories: CSS/SassHow to...Shortcodes
Add Squirrelly Support to Eleventy
How to add Squirrelly support to Eleventy
Jul 6, 2024
by Raymond Camden (101 posts) · Website & RSS feed
Categories: ConfigurationHow to...
Eleventy Buckets & Cascade Layers
Solving a problem I created
Jul 6, 2024
by Miriam Suzanne (1 post) · Website & RSS feed
Categories: Asset PipelinesCSS/SassConfigurationHow to...WebC
Adding Github- or Obsidian-style callouts to an Eleventy blog the easy way
Just another developer's blog
Jul 5, 2024
Building a Web Version of Your Mastodon Archive with Eleventy
Turning your Mastodon archive into a web site with Eleventy
Jul 4, 2024
by Raymond Camden (101 posts) · Website & RSS feed
Categories: Global DataHow to...ImagesShortcodesSocial Media
Adding the New Mastodon Link Attribution Meta Tag
Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.
Jul 3, 2024
by Chris McLeod (5 posts) · Website & RSS feed
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
by Cory Dransfeldt (35 posts) · Website & RSS feed
Categories: Now PageHow to...Remote Data
An alarmingly concise and very hinged summary of what it was like to build this site from scratch
A very good website by visual & verbal artist, Keenan.
Jul 2, 2024
by Keenan (1 post) · Website & RSS feed
Categories: BloggingGetting StartedMarkdownRSSWhy Eleventy?
Adding a Photo Stream to an Eleventy Site
Fetching all my public photos from Flickr & putting them on my page
Jun 30, 2024
by nonnullish (3 posts) · Website & RSS feed
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.
Australian in Europe (no longer). Webdev, sometimes speaker, gamedev, vlogger. Click here for the...
A man can't just sit around.
home page of mystica
Life, technology, family, and more.
HumanKode blog
- Previous post: Issue 50 - Zach's Eleventy Weekly Report β5, A couple of v3 upgrade posts, Zach on the Windows Terminal, Not Eleventy-related but fun...And 9 posts, 2 releases, and 9 sites to see
- Next post: Issue 52 - Zach's Eleventy Weekly Report β7, Official Template Language Plugins, Simpler drafts in alpha.17, Migrations from Jekyll, Turning arbitrary files into a collection, 11ty and the Salesforce API, Generating a responsive CSS background image...And 4 releases, 10 posts, and 11 sites to see