11ty

The Liquid reference documents the Liquid tags, filters, and objects that you can use to build Shopify themes.

A syntax-highlight web component that uses the CSS Custom Highlight API.

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.

Build a basic 11ty siteLet’s get started by following the 11ty Getting Started Guide: https://www.11ty.dev/docs/getting-started/After we have a working 11ty site, we will hook up our contact form u...

Connect your forms to Basin and start accepting submissions in minutes with no code required.

Give people a better experience getting in touch with you. Letterbird makes it fast and easy for anyone to get a well-designed, good ol’ fashioned email contact form.

Solving a problem I created

Almost everyone using Eleventy is using blog post dates wrong

How I use Obsidian, VSCode, and Eleventy to write for my website...for now.

Yet another Sass/SCSS plugin for Eleventy. Source maps, PostCSS and revision hashes are supported.. Latest version: 2.2.6, last published: 5 months ago. Start using eleventy-sass in your project by running `npm i eleventy-sass`. There are 2 other projects in the npm registry using eleventy-sass.

An 11ty plugin to dynamically generate categories of posts as well as pagination for those categories - brob/eleventy-plugin-dynamic-categories

A minimal theme for a landing page. Built with 11ty and Tailwind CSS. - CLCK0622/11ty-Serene

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

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.

My solution to adding "Copy" to markdown code blocks (and other things).

Faker.js plugin for 11ty.

A blog about CSS, front-end development, the web, and beyond.

A docs page for Eleventy, a simpler static site generator.

Testing the Nunjucks sort filter in Eleventy.

Solving a problem I created

My developer portfolio and blog website has been officially upgraded to Eleventy 3.0.

divpThis month, we're coming live from APAC and Europe for two talks. Helen Chong will walk us through her journey migrating to 11ty version 3.0 and Estela Franco will show us how she built an 11ty blog using the Storyblok headless CMS./pp/p/div

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…

I'm excited to announce the beta-release of eleventy-high-performance-blog–a high-performance blog template for 11ty based on this very...

I recently took an existing codebase and ported it over to Eleventy. The main purpose was to recreate the website with existing markdown files and CSS. Creating the collections and templates…

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 do…

If you're building up a custom Eleventy collection using addCollection, you may need to use existing filters to create the desired data. For built-in collections using tags, there is the ite…

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…

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.