Skip to main content

Issue 18 - Relocation of some WebC recipes...another source of 11ty links...and 1 release, 14 posts, and 10 sites to see.

3 minutes to read

Welcome to Issue 18 of the 11ty Bundle. 11ty, aka Eleventy, is a 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 templating languages, including HTML, Markdown, Nunjucks, Liquid, and more, which gives developers the freedom to choose the languages they are most comfortable with or that best suit their project's needs.

I happen to get notifications of all things Eleventy on GitHub. One came across from Evan Sheehan (aka, Darth Mall) indicating that he had not renewed the 11ty.webc.fun domain and would not be maintaining the site. Knowing that it was a great resource, I decided to clone the repo and host it on my Netlify account. For all the WebC fans, you can find it here. If anyone wants to take it over as a maintainer, please feel free. A read-only version of Evan's repo for the site can be found at https://github.com/darthmall/11ty.webc.fun/.

On another resource note, I don't recall how I happened upon this, but Jens Grochtdreis has created a gist of list of 11ty links. There are some duplicates of what I have in the footer of each page here, but I was pleased to see this site listed as one of the recent updates.

On to the meat of the issue...there's 1 release, 14 new posts, and 10 new sites to check out below.

Until next time...

Recent releases

Eleventy Image v3.1.1: sharp upgrade

Utility to perform build-time image transformations. - Release Eleventy Image v3.1.1: sharp...

Posts from around the web since the last Bundle issue

Eleventy

I love the idea of static site generators (sometimes known as SSGs or SSBs – static site builders). They eschew the complexity of modern CMSes such as Wordpress. Instead of server-side code and databases, a static site generator is a script that, when run, transforms a folder of text files and templates into HTML.

Categories: Why Eleventy?

What's that?

A short introduction why I started a blog and what you can expect here

Categories: Why Eleventy?

How to make a PWA out of your Eleventy site

Eleventy sites can be PWAs with two plugins. But there are strings attached.

Categories: How to...

Excerpts for Eleventy: My Implementation

Converting my relatively basic personal website to Eleventy has shown me how challenging it is to build a static-site generator flexible...

Categories: BloggingHow to...Front MatterMarkdown

Delaying asset requests in Eleventy

Simulate slow connections on your Eleventy website using dev server middleware.

Categories: Asset PipelinesHow to...

Eleventy JSON Output

For a small Eleventy-based project I wanted to output an example.json file – stored in the data folder – in a nunjucks template. If you simply output the variable example you'll see the unhe…

Categories: How to...Filters

Scheduling Automatic Builds with Static Site Generators

Having a static site is great, but there could be times where you need to build your site on a schedule.

Categories: How to...Deployment

How to add a custom slugify filter to 11ty

During my recent blog migrations, I discovered the new slugify filter handles apostrophes differently. I'd prefer they were dropped. Here are the steps.

Categories: FiltersHow to...

Technical Architecture

How to make your site generate more leads, increase revenue, and save on engineering. These are the best design principles to follow when creating a web system instead of a website. Brought to you by one of the world's best product studios.

Categories: Why Eleventy?

Building a Blogroll with 11ty

How I created a blogroll with 11ty based off of Ben Myers solution

Categories: BloggingHow to...

Custom language syntax highlighting

Web development blog. The good, bad, and ugly (mostly bad and ugly)

Categories: CSS/SassHow to...

Built with Eleventy

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

GifGun

One click GIF plug-in for After Effects, supports .mp4 and .webm too

GSAP

GSAP is an industry standard JavaScript animation library from GreenSock that lets you craft...

Joe Sahlsa

Web development blog. The good, bad, and ugly (mostly bad and ugly)

Eventually

Calendar of digital accessibility events.

Larry Hudson

Web developer and programmer based in Torquay, Australia

Patternfly Elements

PatternFly Elements - PatternFly Elements

Get the blog by email (or RSS)

Powered by Buttondown