Using 11ty with Parcel
Eleventy-Parcel
A basic Eleventy (11ty) starter project with Parcel JS
Use an Eleventy filter as an `if` statement
If you find yourself writing the same `if` statement multiple times, add it to `.eleventy.js` as a filter and keep a single source of truth
Activity | Learning Web Design
jeromecoupe/11ty-paginate-taxonomies: Paginate a custom taxonomy (categories) with Eleventy
Paginate a custom taxonomy (categories) with Eleventy - jeromecoupe/11ty-paginate-taxonomies: Paginate a custom taxonomy (categories) with Eleventy
jeromecoupe/eleventy_starter: Eleventy (11ty) starter kit
Eleventy (11ty) starter kit. Contribute to jeromecoupe/eleventy_starter development by creating an account on GitHub.
jeromecoupe/sample-11ty-blog: Sample 11ty blog for workshops
Sample 11ty blog for workshops. Contribute to jeromecoupe/sample-11ty-blog development by creating an account on GitHub.
iad_eleventy_introduction/eleventy_introduction_en.md at master · jeromecoupe/iad_eleventy_introduction
An introduction to Eleventy (11ty). Contribute to jeromecoupe/iad_eleventy_introduction development by creating an account on GitHub.
Performant data fetching with promises and Eleventy
Fetching a whole bunch of data from APIs at build time can be an intensive process. Getting that data in a performant way and caching it locally is an important part of Jamstack projects.
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.
chromeos.dev/collections.js at trunk · chromeos/chromeos.dev
chromeOS.dev is the digital home for all things Chrome OS. Learn how to adapt and optimize your existing apps to work on Chrome OS, the success other companies have had doing so, how to use Chrome ...
Holben888/11ty-image-optimization-demo: A template to optimizing images based on markdown tags!
A template to optimizing images based on markdown tags! - Holben888/11ty-image-optimization-demo: A template to optimizing images based on markdown tags!
Compile JavaScript and Sass in Eleventy using UglifyJS and Sass lib
Compile JavaScript and Sass in Eleventy using UglifyJS and Sass lib - .eleventy.js
red-hat-design-system-site/.eleventy.js at 176c55df1e6a2267c385ab223b9d98a811affd4f · RedHat-UX/red-hat-design-system-site
A showcase of Red Hat's digital design system and supported component libraries - red-hat-design-system-site/.eleventy.js at 176c55df1e6a2267c385ab223b9d98a811affd4f · RedHat-UX/red-hat-des...
Templating: Eleventy's Superpower with Mike Aparicio
One of the many cool features of Eleventy is its support of multiple template languages. But what the heck are template languages and how can you use them to...
Optimizing Images with Eleventy and GitHub Actions - Virga
A story about optimizing image with Transforms and GitHub Actions
Using SASS With Eleventy
Eleventy (11ty) is a super customisable static site generator that at its core transforms template language into HTML. However, template languages li…
Creating Drafts In Eleventy
Several static site generators and content management systems have built in functionality to mark posts as drafts. Eleventy (11ty) isn't one of these…
Learn Eleventy From Scratch | Learn Eleventy From Scratch
Learn how to build a stunning website from scratch with this Eleventy course.
michaelfig/eleventy-filter-relative-url: Replacement for `url` filter that creates relative links
Replacement for `url` filter that creates relative links - michaelfig/eleventy-filter-relative-url: Replacement for `url` filter that creates relative links
Inspecting an existing 11ty project
Great talk by Cassey Lottman
James Doc - Grouping blog posts by year in Eleventy
Create an archive page grouped by year (or anything you want!) using 11ty's built in pagination and a modified collection.
Group posts by year in Eleventy
Using a custom 11ty collection to group post by any attribute.
Includes and Macros
Comparing techniques for encapsulating HTML components in Nunjucks or Jinja2.
How I added Algolia search: front-end
CDN-based Instant Search for Jekyll, Hugo, 11ty
victornpb/eleventy-plugin-page-assets
Contribute to victornpb/eleventy-plugin-page-assets development by creating an account on GitHub.
AramZS/eleventy-plugin-dart-sass: A plugin to process Sass for Eleventy
A plugin to process Sass for Eleventy. Contribute to AramZS/eleventy-plugin-dart-sass development by creating an account on GitHub.
Custom Markdown Components in 11ty | Aleksandr Hovhannisyan
Ever wanted to nest Markdown in HTML? In 11ty, you can easily do this with paired shortcodes and a custom Markdown library parser.
Static tweets in Eleventy and Hugo | BryceWray.com
How to embed tweets while still protecting your visitors’ privacy.
larryhudson/eleventy-plugin-prince-pdf: Generate tagged PDFs from your Eleventy site
Generate tagged PDFs from your Eleventy site. Contribute to larryhudson/eleventy-plugin-prince-pdf development by creating an account on GitHub.