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
Jul 16, 2024
4 minutes to read
Welcome to Issue 52 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.
My ass has been dragging this week, but here we go...better late than never.
Zach's Eleventy Weekly Report №7. Here's Zach's Mastodon post where he's been outlining his weekly progress on all things Eleventy, some of which I recap below.
Official Template Language Plugins. Zach has released template language plugins for ejs, handlebars, mustache, and haml. Here are links to the docs for each. Note that these are 3.0 and higher only.
Note also that these are not part of the core of Eleventy, but have to be installed individually. See ejs, handlebars, mustache, and haml for more information.
Simpler drafts in alpha.17. Zach has been working on a simpler way to handle drafts in Eleventy. This will be available in the yet-to-be-released alpha.17. See this issue comment for more information.
Migrations from Jekyll. Two of this week's post discuss their migration from Jekyll to Eleventy and the "why" behind them. Joining us are Ethan Marcotte and Chris Henrick.
Turning arbitrary files into a collection. David Darnes posed the question of how to loop through arbitrary files in Eleventy. As it turns out, it was easier than he thought. See the discussion in this Mastodon thread.
11ty and the Salesforce API. Jeff Sikes has an interesting post on how he used Eleventy to pull data from the Salesforce API. Here's his post.
Generating a responsive CSS background image. Phil Rentier Digital has a fascinating post on how he used the image plugin to generate a responsive CSS background image. He worked it all out with the help of our exceptional Discord community.
There are more great posts in this week's list below...and this is getting longer than usual, so please browse down below and see what's new.
Until next time...
Recent releases
Eleventy v3.0.0-alpha.16 (feel free to ignore this one)
A simpler site generator. Transforms a directory of templates (of varying types) into HTML. -...
Jul 12, 2024
A pack of Eleventy plugins for generating an RSS feed. - Release Eleventy RSS Plugin v2.0.2 ·...
Jul 12, 2024
Utility to perform build-time image transformations. - Release v5.0.0-beta.5 · 11ty/eleventy-img
Jul 12, 2024
A simpler site generator. Transforms a directory of templates (of varying types) into HTML. -...
Jul 11, 2024
Posts from around the web
This site is under construction!
Notes on migrating this website from Jekyll to Eleventy, as well as a bit of (re)design in the open.
Jul 14, 2024
by Chris Henrick (1 post) · Website & RSS feed
Categories: Migrating to EleventyWhy Eleventy?
This site goes up to Eleventy.
I just migrated this little website’s internals over to Eleventy. If I did my job right, you won’t notice the change.
Jul 14, 2024
by Ethan Marcotte (1 post) · Website & RSS feed
Categories: Migrating to EleventyWhy Eleventy?
11ty : how to use the image plugin to generate responsive images for CSS
Medium post
Jul 13, 2024
by Phil Rentier Digital (1 post)
Categories: CSS/SassConfigurationHow to...ImagesShortcodes
Eleventy Experiment - Salesforce User Directory
Jul 13, 2024
by Jeff Sikes (2 posts) · Website & RSS feed
Categories: Global DataHow to...Search
Building a Euros sweepstake website with 11ty
Building a Euros sweepstake website with 11ty
Jul 11, 2024
by Rob Wood (2 posts) · Website
Categories: DeploymentHow to...Remote DataScheduling
Getting my top posts from Umami
I recently started using umami.is for website analytics, and figured I could use the API to output some stats about my blog
Jul 10, 2024
by Lewis Dale (5 posts) · Website & RSS feed
Categories: FiltersHow to...Remote Data
GitHub Pages Reboot With 11ty
I've had my repos listed on my GitHub pages for 14 years, it was time to revisit it.
Jul 10, 2024
by John Hobbs (4 posts) · Website & RSS feed
Categories: Global DataRemote Data
Dynamic Websites with Static Site Generators
What if you used your static site generator to output PHP instead of HTML?
Jul 9, 2024
by Evan Sheehan (7 posts) · Website & RSS feed
Categories: Edge FunctionsSearchWebmentions
Road to 512kB
Personal Website of Software Engineer Jochen Stierberger
Jul 2, 2024
by Jochen (1 post) · Website
Categories: How to...Performance
Eleventy collections using the built in tags key
In Eleventy, when you place a JSON file, with the same name, as the folder, within that folder, the data from the JSON file is automatically applied to all files within that folder. This mechanism is a convenient way to apply metadata to a group of files without having to manually include it in each file.
Jun 15, 2024
by Jeremy Faucher (8 posts) · Website & RSS feed
Categories: CollectionsHow to...
Built with Eleventy
Here are the new sites to see. If you want to see more sites, check out the Eleventy Leaderboards.
Reed is a front-end developer and pop culture scholar. Their blog covers a variety of topics, from...
Personal Website of Software Engineer Jochen Stierberger
Psycareer помогает частным психологам привлекать клиентов и достигать финансового благополучия....
Senior software engineer with 15+ years experience, currently building better editorial content...
Darkside of Software Engineering.
Création de sites web à Hyères
I'm currently on the Accessibility Team at a href='https://www.webstaurantstore.com/'...
Euro 2024 sweepstake
Independent designer based in Paris, my practice is multidisciplinary, driven by curiosity,...
FreshJuice is a HubSpot CMS theme for developers.
- Previous post: 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
- Next post: Issue 53 - Zach's Eleventy Weekly Report №8, v3 updates continue, Practical SVG book via 11ty, I removed webmentions, Speaking of webmentions...And 1 release, 4 posts, and 9 sites to see