84 posts in &#39;Filters&#39;

Categories: Filters Global Data YouTube

Let's create a plaintext RSS feed with 11ty

Frontend web developer, turned engineering manager.

Jan 29, 2025

by Matt Hobbs (5 posts) · Website & RSS feed

Categories: Accessibility Blogging Configuration Filters How to...RSS

Creating permanently unique entry IDs for RSS

I was inspired to create permanently unique entry IDs for my RSS feed after reading a post by Evan Sheehan.

Jan 27, 2025

Categories: Blogging Filters How to...RSS

Creating a custom Slugify filter in Eleventy

I'm from Finland, so I want to have Nordic slugs for my sites.

Jan 12, 2025

Categories: Filters How to...

Adding Image Galleries to My Website

At last, I've gotten around to implementing image galleries.

Dec 2, 2024

by Nathan Upchurch (2 posts) · Website & RSS feed

Categories: Collections Filters Image Galleries Layouts Pagination

Notes on Upgrading to Eleventy 3.0

My blog is now generated by Eleventy 3.0, which was released last month. The upgrade process took me a few hours split over two evenings and I took a few notes. This probably isn’t an interesting write up for hardly anyone – but if you have any of the same 11ty concerns I do, you may find a solution in here.

Nov 21, 2024

by Harris Lapiroff (4 posts) · Website & RSS feed

Categories: CSS/Sass Dates Filters Pagination Permalinks Upgrading

Adding Cooklang Support to Eleventy Three Ways

How I added my recipes to my blog posts with cooklang and the recipe schema

Nov 7, 2024

by Robb Knight (20 posts) · Website & RSS feed

Categories: Collections Data Cascade Filters Front Matter How to...Layouts

Eleventy (11ty) year, year-month, and year-monty-day indexes

The personal blog of Thomas Steiner

Nov 2, 2024

by Thomas Steiner (1 post) · Website & RSS feed

Categories: Blogging Collections Dates Filters How to...Pagination

I recently felt like getting back into blogging. But setting up and maintaining WordPress felt like more than I was looking for. I was looking for something much simpler. Preferably file-based and with Markdown support. That was my introduction to Eleventy.

Oct 19, 2024

by Sebin Nyshkim (3 posts) · Website & RSS feed

Categories: Blogging CSS/Sass Collections Configuration Data Cascade Filters Getting Started Global Data Layouts Markdown Navigation Pagination Plugins Shortcodes

How I teach Eleventy from scratch

I love how in Eleventy, you can build a site step-by-step and at each small step, have a functional website. In this post, I describe a workshop structure I’ve used lately to teach a few of my friends how to build a static site with Eleventy.

Oct 6, 2024

by Juha-Matti Santala (16 posts) · Website & RSS feed

Categories: Blogging Configuration Filters Getting Started How to...Plugins

Eleventy Collections from an API

I've been tinkering with a new Eleventy project and decided to fire it up using the 3 beta version. I started by creating two collections using markdown files. Each collection had a template data file which pointed to a specific layout template for the individual posts.…

Sep 24, 2024

Categories: Collections Filters How to...Pagination

Exclude specific tags in Eleventy using a custom filter

Exclude specific tags in Eleventy using a custom filter to display related tags on a blog post without certain tags. Learn how to implement the 'exclude' and 'limit' filters in Eleventy for tag display.

Sep 21, 2024

by Christian Fei (1 post) · Website & RSS feed

Categories: Collections Filters How to...

Dynamic Importing with Eleventy

After organising Eleventy filters, shortcodes etc I had an idea to tidy the code even more and make it dynamic. I wanted to automatically import any new functions that were added, including new when using files.

Aug 28, 2024

Categories: Collections Configuration Filters How to...Shortcodes

Eleventy Filters in Collections

If you're building up a custom Eleventy collection using addCollection, you may need to use existing filters to create the desired data.

Aug 26, 2024

Categories: Collections Filters How to...

Organising Eleventy Filters, Shortcodes and more…

I work a lot with the Laravel framework, which scaffolds much of your initial setup and has conventions for where code should be stored. Starting a brand new Eleventy project from scratch doesn't give you this boilerplate and means you have to make decisions about where everything lives.

Aug 22, 2024

Categories: Configuration Filters How to...Shortcodes

Eleventy Date Filter with Ordinals

When working with dates in JavaScript, you probably reach for a library to help you parse, manipulate and display the values. For a recent Eleventy project, I used Luxon – the successor to the popular JavaScript date/time library Moment.js. I used this because the dependency is already used within Eleventy itself.

Aug 20, 2024

Categories: Dates Filters

Simple Eleventy 3 Excerpts

Sometimes it makes sense to write a unique excerpt. But sometimes the beginning of the page content works well enough, which is why many…

Aug 9, 2024

by Tyler Sticka (2 posts) · Website & RSS feed

Categories: Filters Global Data How to...Markdown Plugins

A feed for everything and everything in a feed

At the moment my site has 6 different feeds. 5 RSS feeds, an ICS feeds and JSON versions of the 5 RSS feeds. I was asked how they're put together and, well, it's a bit involved.

Aug 9, 2024

by Cory Dransfeldt (45 posts) · Website & RSS feed

Categories: Filters How to...Markdown RSS

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: Filters How to...Remote Data

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 (20 posts) · Website & RSS feed

Categories: Filters How to...Remote Data

Building a Custom Filter for Eleventy Collections

Lists are wonderful, and filters make them better. This article is about building a custom filter for Eleventy collections.

Jul 1, 2024

by Tom Doe (11 posts) · Website & RSS feed

Categories: Collections Filters How to...Search

Upgrade 11ty to v3, reorg, ESM, and debug

I upgraded to 11ty v3 and proceeded to debug.

Jun 28, 2024

Categories: Configuration Filters Upgrading

Showing Omnivore links as Bookmarks

Saving links to Omnivore and using labels to display those as bookmarks on my website

Jun 25, 2024

by Clayton Errington (13 posts) · Website & RSS feed

Categories: Filters How to...Remote Data

Some of my Eleventy Filters

In refactoring my website earlier this year, part of my process was to evaluate and revise the many, many Eleventy Filters I use throughout my website’s build, so in this post, I’ll run through a handful of them.

May 18, 2024

by Chris Burnell (7 posts) · Website & RSS feed

Categories: Drafts Filters Markdown

A custom collection to sort events with Eleventy

I made a custom collection with a filter to sort events by their custom date data.

May 9, 2024

Categories: Collections Dates Filters Front Matter Nunjucks/Macros

Added Timestamp to Posts

Apr 7, 2024

by John M. Wargo (45 posts) · Website & RSS feed

Categories: Dates Filters How to...Netlify

Filter an Eleventy Collection Using Your Own Custom Front Matter

Apr 4, 2024

by Dan Urbanoicz (1 post) · Website

Categories: Front Matter How to...Filters Collections

Eleventy excerpts

Everybody seems to implement their own way of generating post excerpts in Eleventy, and here's mine.

Mar 15, 2024

by Martin Gunnarsson (9 posts) · Website & RSS feed

Categories: Blogging Filters How to...

Surfacing most used tags in Eleventy

I made some lightweight design changes to my site, keeping things simple but moving the date up above post headers, surfacing tags below and restoring Read more links.

Mar 9, 2024

by Cory Dransfeldt (45 posts) · Website & RSS feed

Categories: Collections Filters How to...

Math equations with Eleventy using TeXZilla

I demonstrate how to make MathML equations using LaTeX markup with TeXZilla.

Mar 1, 2024

Categories: Filters How to...

Eleventy: custom markup alongside item contents

Short and quick tutorial on how to embed custom HTML content between post paragraphs on an Eleventy site.

Feb 23, 2024

by Łukasz Wójcik (2 posts) · Website & RSS feed

Categories: Configuration Filters How to...

Refactor by shortcode

I decided to take on some overdue refactoring of the 11tybundle.dev site. Here's what I did.

Feb 20, 2024

Categories: Filters How to...Nunjucks/Macros Shortcodes

Local links in Eleventy, Part 2

Eleventy now support automatic transforms from local paths to output URLs right out of the box.

Feb 14, 2024

by Martin Gunnarsson (9 posts) · Website & RSS feed

Categories: Filters How to...Plugins

Eleventy - Fetch data from the Github REST API to populate a projects page

We will populate a page with data from GitHub. We will use the eleventy-fetch plugin to do this with minimal code and refresh the data every 2 days.

Feb 7, 2024

by Rob O'Leary (12 posts) · Website & RSS feed

Categories: Filters Global Data Layouts Remote Data

Eleventy Filter to Turn a URL Into a Domain Name

ZOMG my first 11ty filter!

Jan 31, 2024

by Marcel Appleman (1 post) · Website & RSS feed

Categories: Filters How to...

Slashing by caching

I've reduced the build time for the 11ty Bundle site from 30 seconds to 10 seconds. Here's how.

Jan 31, 2024

Categories: Filters How to...Performance

Community websites with Eleventy

With Eleventy’s data files, I’ve come up with a good setup to build landing pages for communities that organize events.

Jan 24, 2024

by Juha-Matti Santala (16 posts) · Website & RSS feed

Categories: Data Cascade Filters Global Data How to...

Automated weekly links posts with raindrop.io and Eleventy

Jan 22, 2024

by Sophie Koonin (5 posts) · Website & RSS feed

Categories: Dates Filters How to...Markdown Remote Data

Adding webmentions to my site

I had told myself that I wouldn't do this...but, seeing them on other people's sites changed my mind.

Jan 13, 2024

Categories: Filters Global Data How to...Social Media Webmentions

Adding a git based changelog in 11ty

How to add a changelog to your 11ty pages based on commits made to your site's git repository.

Dec 19, 2023

by James Doc (3 posts) · Website & RSS feed

Categories: Data Cascade Dates Filters

Generating Open Graph Images in Eleventy

Autogenerating image previews with Eleventy filter functions and node-canvas

Dec 17, 2023

by nonnullish (3 posts) · Website & RSS feed

Categories: Filters How to...Images Social Media

A blog about web development, handy tutorials, quick rants, thoughts, and everything in between.

Nov 26, 2023

by Ginger (7 posts) · Website & RSS feed

Categories: Filters How to...

Grouping posts by year with nunjucks in Eleventy

Group by year in a clear and readable manner.

Nov 24, 2023

by Christopher Kirk-Nielsen (11 posts) · Website & RSS feed

Categories: Collections Dates Filters How to...Nunjucks/Macros

Popular Pages with Eleventy and Fathom Analytics

How I'm using the Fathom API to show a list of popular blogs posts in my Eleventy site

Nov 23, 2023

by Robb Knight (20 posts) · Website & RSS feed

Categories: Analytics Data Cascade Filters How to...Remote Data

Using 11ty to bring back tag clouds

Tag clouds are a good way of seeing what kind of posts are floating around in your blog, lets bring them back

Nov 16, 2023

by Ginger (7 posts) · Website & RSS feed

Categories: Filters How to...Plugins

Eleventy Date-only Filter

I noticed recently that the site's stats page displayed the first and last post dates with time information even though the values only contained dates. I created a simple Eleventy Filter to trim them to date only with the format I wanted. This post shows how I did it.

Oct 31, 2023

by John M. Wargo (45 posts) · Website & RSS feed

Categories: Dates Filters

Feedbin is rendering my RSS feed wrong, let's fix it!

Feedbin is removing the wrong elements, so let's make up for it on our own

Oct 31, 2023

by Ginger (7 posts) · Website & RSS feed

Categories: Filters How to...RSS

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 unhelpful [object Object] text.

Sep 29, 2023

Categories: How to...Filters

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.

Sep 27, 2023

by Michael Harley (14 posts) · Website & RSS feed

Categories: Filters How to...

Now I have a few posts, it would be good to have some way to narrow them down when looking for something specific.

Sep 9, 2023

by Thomas Rigby (7 posts) · Website & RSS feed

Categories: Filters How to...Nunjucks/Macros

A series on doing more with your Jamstack site's front matter

Aug 28, 2023

Categories: Front Matter Filters How to...

11ty: Index ALL the things!

This is a second spinoff post in the migration saga of this blog from WordPress to 11ty. On good URLs It was important to me to have good, RESTful, usable, hackable URLs. While a lot of that is easy and comes for free, following this principle with Eleventy proved quite hard: URLs that are “hackable” to allow users to move to higher levels of the information architecture by hacking off the end of the URL What does this mean in practice? It means it’s not enough if tags/foo/ shows all posts tagged “foo”, tags/ should also show all tags. Similarly, it’s not enough if /blog/2023/04/private-fields-considered-harmful/ links to the corresponding blog post, but also: /blog/2023/04/ should show all posts from April 2023 /blog/2023/ should show all posts from 2023 /blog/ should show all posts

Jul 19, 2023

by Lea Verou (4 posts) · Website & RSS feed

Categories: Pagination Collections Filters Dates

Eleventy Filter Parameters

How to add parameters to an Eleventy filter.

Jul 5, 2023

by John M. Wargo (45 posts) · Website & RSS feed

Categories: Filters How to...

Eleventy tag filter

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

Jun 16, 2023

by Joe Sahlsa (4 posts) · Website

Categories: Filters

Eleventy tag filter

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

Jun 15, 2023

by Joe Sahlsa (4 posts) · Website

Categories: Filters How to...

Alphabetising Glossary Terms

Blog and general digital garden of the full stack programmer Simon Dann.

Mar 14, 2023

by Simon Dann (11 posts) · Website & RSS feed

Categories: Blogging Filters How to...

Filtering tags within Eleventy.js collections

JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.

Feb 21, 2023

by Jordan Kohl (8 posts) · Website

Categories: Filters Collections How to...

CAUTION

The posts below were published before the release of Eleventy v2.0.0 (Feb 8, 2023). Information in these posts may be out of date. The current stable release is 3.01.

Adding statistics to 11ty

Blog and general digital garden of the full stack programmer Simon Dann.

Jan 20, 2023

by Simon Dann (11 posts) · Website & RSS feed

Categories: Blogging Filters

Using Eleventy filters in Directory Computed Data

Eleventy Computed Data makes it easy to reuse your filters outside of your templates.

Jan 16, 2023

by Chris Coleman (2 posts) · Website

Categories: Configuration Data Cascade Filters

Blog and general digital garden of the full stack programmer Simon Dann.

Sep 14, 2022

by Simon Dann (11 posts) · Website & RSS feed

Categories: Filters How to...Pagination Social Media

11ty Second 11ty: Creating Template Filters

This week, we’re going to dive into 11ty filters. We’ll use 1 built-in filter, and make 2 custom filters.

Aug 15, 2022

by Bryan Robinson (15 posts) · Website

Categories: How to...Filters

A Set of Useful 11ty Filters

Extend Eleventy’s built-in filters with custom logic for these common use cases.

May 15, 2022

by Aleksandr Hovhannisyan (14 posts) · Website & RSS feed

Categories: How to...Filters

Building blocks for my first Eleventy site

Different choices that go into building an Eleventy website from scratch.

Mar 8, 2022

Categories: CSS/Sass Dates Deployment Filters How to...Navigation Pagination Social Media

CAUTION

The posts below were published before the release of Eleventy v1.0.0 (Jan 9, 2022). Information in these posts may be out of date. The current stable release is 3.01.

Replace characters that are often stripped out of post titles by RSS readers and social network link embeds

Aug 8, 2021

by Stephanie Eckles (21 posts) · Website & RSS feed

Categories: How to...Social Media Filters RSS

Blog post filter with Netlify Functions

I built my first ever serverless feature to add tag filtering to my blog listing. Here's how I integrated that to my Ghost & Eleventy setup with Netlify Functions.

Jul 28, 2021

by Juha-Matti Santala (16 posts) · Website & RSS feed

Categories: Filters How to...Serverless Remote Data

Feature content by date in Eleventy using custom filters

Jun 16, 2021

by Michael Chan (7 posts) · Website

Categories: Filters YouTube

Accessing 11ty filters within data files to keep your code DRY

11ty filters can exist as JS functions inside the declared filters directory - these can be accessed by other files not processed by 11ty

May 17, 2021

by Mike Street (13 posts) · Website & RSS feed

Categories: Filters How to...

Automatically generate open graph images in Eleventy

Bernard Nijenhuis • Front-end Developer • Katwijk, The Netherlands • Father of 3 kids • Husband to 1 wife • Owner of 2 cats

May 10, 2021

by Bernard Nijenhuis (8 posts) · Website

Categories: Filters How to...Images Social Media

11ty Date Shortcodes and Filters

Use this shortcode and filter as a starting point for your date transformation needs.

Mar 27, 2021

by Stephanie Eckles (21 posts) · Website & RSS feed

Categories: Dates How to...Filters Shortcodes

Filters for 11ty Content

Includes filters for creating an excerpt and other content enhancements.

Mar 24, 2021

by Stephanie Eckles (21 posts) · Website & RSS feed

Categories: Filters

Create an Eleventy podcast feed

Want to add an iTunes and Google friendly podcast feed to your Eleventy site? Here's how.

Feb 8, 2021

by Marc Littlemore (4 posts) · Website & RSS feed

Categories: Filters Blogging How to...Configuration

Understanding Filters, Shortcodes and Data in 11ty

Sometimes it’s a little confusing what the difference between shortcodes, data and filters really is, and frankly the boundaries can become a little blurred with 11ty.

Dec 8, 2020

by Mike (1 post) · Website & RSS feed

Categories: Data Cascade How to...Filters Shortcodes

Parsing markdown in frontmatter for Eleventy templates, using filters

Nov 24, 2020

by Victor Camnerin (1 post) · Website & RSS feed

Categories: Front Matter How to...Filters Markdown

Adding a Warning for Old Posts to Your Jamstack Site

How to add a message to older content on your static site.

Nov 9, 2020

Categories: How to...Filters

Selecting Random Posts in Eleventy

A look at adding links to random pages in Eleventy

Oct 26, 2020

Categories: How to...Filters Configuration

Supporting Multiple Authors in an Eleventy Blog

How to handle multiple authors in Eleventy, with custom author profile pages.

Aug 24, 2020

Categories: Front Matter How to...Filters Pagination

Hiding Future Content with Eleventy

How to use custom filters and collections to hide Eleventy content for the future.

Aug 7, 2020

Categories: How to...Front Matter Filters Collections

Five Critical Things To Do Before Working With 11ty

Five pieces of knowledge I wish I knew before working with 11ty, the JavaScript-based static site generator. Get a jump start using this fantastic tool.

Apr 2, 2020

by Khalid Abuhakmeh (3 posts) · Website

Categories: Configuration Data Cascade Filters Getting Started

Checking (and Upgrading) Template Engines in Eleventy

How to check the version of embedded template engines in Eleventy

Feb 7, 2020