Issue 4
Apr 18, 2023
3 minutes to read
Welcome to Issue 4 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.
Sneak peek: The next issue will be a SPECIAL issue focused on posts that discuss migration from another static site generator or platform to Eleventy.
AND...now for an unpaid promo: Bryan Robinson has written a new book called "Eleventy by Example: Learn to create powerful, performant websites with a static-first mentality." It's available for pre-order now and will be released on June 9th. Check it out!
Recent releases
Eleventy Syntax Highlighter v5.0.0
A pack of Eleventy plugins for syntax highlighting in Markdown, Liquid, and Nunjucks templates. -...
Apr 12, 2023
Posts from around the web
Process CSS or Sass With LightningCSS
Use these plugins or code snippets to make CSS a first-class templating language in Eleventy and add processing with LightningCSS and/or Sass.
Feb 25, 2023
by Stephanie Eckles (21 posts) · Website & RSS feed
Categories: CSS/Sass
Webmention Setup for Eleventy
Here’s a quick run-through of how I retrieve and use Webmentions with my Eleventy website.
Aug 25, 2022
by Chris Burnell (7 posts) · Website & RSS feed
Categories: Webmentions
Building a design system with Eleventy
How to use this flexible static site generator to create the home for digital design in your company
May 16, 2022
by Trys Mudford (2 posts) · Website & RSS feed
Categories: How to...
How I built Around the Web
How I added a new format to my website, automated publication to a newsletter, and added categories.
Mar 15, 2022
by Oscar (3 posts) · Website & RSS feed
Categories: How to...
Eleventy Custom Content Type Collections and Layouts
How-to on creating separate collections and layouts for a custom content type. In this case: cocktails!
Jan 4, 2022
by Josh Cunningham (2 posts) · Website & RSS feed
Categories: CollectionsLayouts
Includes and Macros
Comparing techniques for encapsulating HTML components in Nunjucks or Jinja2.
Nov 20, 2021
by Evan Sheehan (7 posts) · Website
Categories: Nunjucks/Macros
Using parameters in your eleventy includes with nunjucks macros
Includes are great. But for actual reusability of code, parameters are always needed. Luckily, nunjucks makes this possible with macros!
Aug 10, 2021
by Thomas Semmler (3 posts) · Website & RSS feed
Categories: How to...Nunjucks/Macros
Modular code with Nunjucks and Eleventy
These days, web development and design are all about modularization and components. Template languages have a lot to offer and Eleventy itself has a few tricks up its sleeve.
Aug 6, 2021
by Jérôme Coupé (9 posts) · Website & RSS feed
Categories: Nunjucks/Macros
A Deep Dive Into Eleventy Static Site Generator
Learn what makes Eleventy unique, and about some essential concepts to help you successfully get started.
Mar 24, 2021
by Stephanie Eckles (21 posts) · Website & RSS feed
Categories: Getting Started
Encapsulated Eleventy/Nunjucks components with macros
How to pass parameters to an include in Nunjucks
Feb 19, 2021
by Trys Mudford (2 posts) · Website & RSS feed
Categories: Nunjucks/Macros
Group posts by year in Eleventy
Using a custom 11ty collection to group post by any attribute.
Jan 31, 2021
by Darek Kay (5 posts) · Website & RSS feed
Categories: DatesHow to...Collections
Create a Custom Collection with Eleventy
If you've built sites using Eleventy, you're probably familiar with collections. Using the Configuration API allows for creating custom collections which can be useful to only show certain posts on your site.
Oct 31, 2020
by Tanner Dolby (2 posts) · Website
Categories: Collections
Basic custom taxonomies with Eleventy
Eleventy comes with a built-in tagging system. For a recent project, I wanted to use my own category system, which led me to dive a bit deeper into extending and configuring Eleventy.
Mar 4, 2020
by Jérôme Coupé (9 posts) · Website & RSS feed
Categories: Collections
Built with Eleventy
All about Jesus. Made up of all sorts of people. Involved in the greatest mission…
My name is Bram Smulders and I am a front-end UI developer from The Netherlands. I specialise in...
Bruce is a Frontend Web Developer & UI Engineer based in Crawley, West Sussex. Specialising in...
Web developer, designer, and educator from the Philippines
Hidde's blog about web accessibility, standards, HTML, CSS, JavaScript and more.
Pictures of dogs of people who make websites.
The best place to keep up to date with the new CSS features. Daily CSS tips and tricks to become a...
- Previous post: Issue 3
- Next post: Issue 5 - LAUNCH DAY!