11ty

This site serves as a bit of a showcase, reference, and general brain dump, so content may vary!

Unfurl links into rich cards, as seen in places like Slack and Twitter - daviddarnes/eleventy-plugin-unfurl: Unfurl links into rich cards, as seen in places like Slack and Twitter

Image optimization is never fun to deal with. Let's learn how the picture element + 11ty can save any static site from bloated load times.

A quick example of using RSS content for an Eleventy page.

An Eleventy shortcode to add "Open in CodePen" functionality for code demos. - 5t3ph/eleventy-plugin-open-in-codepen: An Eleventy shortcode to add "Open in CodePen&qu...

Create a personal RSS Reader using Eleventy. Review recordings to learn how it was built! - 5t3ph/eleventy-rss-reader: Create a personal RSS Reader using Eleventy. Review recordings to learn how it...

How to generate a website and an accessible PDF from the same content

Heck yes 11ty hacks

A presentation on 11ty. Imagine that. Contribute to cfjedimaster/eleventy-presentation development by creating an account on GitHub.

little presentations with a big impact. Contribute to cjlm/eleventy-little development by creating an account on GitHub.

Design, build, and ship coherent experiences with Nordhealth’s design system.

Contribute to 5t3ph/11ty-design-system-example development by creating an account on GitHub.

Integrating a Google Photos Album in your Eleventy site with Pipedream

How to use the Notion API in 11ty

“Custom filter for returning a unique and alphabetically sorted list of tags from a collection! @eleven_ty https://t.co/Wxdip2XDiy”

This tutorial teaches you how to set up a personal website using Portfolio Starter, a starter kit for portfolio-driven websites. It’s geared towards people that have little-to-no coding experience and are unfamiliar with things like GitHub, Eleventy, and Netlify. By the end of the tutorial you should understand terms like “repository” and “static site”; you’ll be able to edit your projects, pages, and posts; and your website will be hosted for free.

11ty plugin to generate a TOC from page content. Contribute to jdsteinbach/eleventy-plugin-toc development by creating an account on GitHub.

This is the first part of the Let't Learn Eleventy series. We'll learn what is Eleventy and how to get started with it.

This is the third part of the Let't Learn Eleventy series. We'll learn how to use slots, includes and shortcodes.

In the fifth part of the Let't Learn Eleventy series, we'll learn how handle JavaScript

Learn several ways to randomly pick or subset data, or limit the returned results from a data array.

Currently setting up my third site with Eleventy, I’ve run into a few things that proved useful. Here are five of them, including centrally defined layouts, title sorting, and easier hiding of posts.

Mark Volkmann's Tech Blog

A look at adding links to random pages in Eleventy

An @11ty/eleventy starter using parcel-bundler for production bundling - chrisdmacrae/parceleventy: An @11ty/eleventy starter using parcel-bundler for production bundling