Eleventy

Share your videos with friends, family, and the world

Eleventy starter using modern CSS, fluid type, fluid spacing, flexible layout and progressive enhancement.

What is WebC and what does it have to do with Eleventy?

A bundle of Eleventy releases, blog posts, sites, and resources. Over 500 posts from more than 200 authors.

Eleventy (11ty) Tutorial

An introduction to Eleventy (11ty). Contribute to jeromecoupe/iad_eleventy_introduction development by creating an account on GitHub.

Comparing techniques for encapsulating HTML components in Nunjucks or Jinja2.

A LIVE list of 11ty Plugins being pulled in from Github to a Google Sheet! - GitHub - oneezy/eleventy-plugin-google-sheet: A LIVE list of 11ty Plugins being pulled in from Github to a Google Sheet!

No matter what stage you’re at as a developer, the tasks we complete—whether big or small—make a huge impact in our personal and professional growth.

Great talk by Cassey Lottman

Meet, create & play in customizable spaces. Video chat. Take notes. Browse together. No login needed.

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.

Setting and using data in the static site generator Eleventy

Includes are great. But for actual reusability of code, parameters are always needed. Luckily, nunjucks makes this possible with macros!

While some SSGs have a standardized way of handling assets, Eleventy does not. That's a good thing! Here are a few possible approaches you can take.

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.

The what, why, and how of Eleventy Image.

A post by Zach Leatherman (zachleat)

How to create filters, shortcodes and plugins in Eleventy.

Start from a blank project and build up to an Eleventy site that includes a blog collection and is prepared to source content from a headless CMS. You'll also learn how to add Sass as the styling solution, complete with triggering 11ty to re-compile when the Sass changes. These lessons will help explain key 11ty features and concepts to help you make the most of this amazing static site generator. By the last lesson, you'll have learned how to: define custom input and output directories create a layout that accesses front matter variables watch for Sass changes and include CSS in the build proces create an 11ty collection using tags define front matter for an entire collection make and apply a filter to a collection generate pages from an external data source, such as a CMS or API

show me your eleventy websites NOW pic.twitter.com/dDSZiuSXA2— ceora🌺🌸 (@ceeoreo_) June 15, 2021

To eleventy and beyond! The incredible build plugin for components, page transitions, and more.

Eleventy is a simpler static site generator.

Want to get started with Eleventy but feel overwhelmed? Try out this pared-down tutorial

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

My simple portfolio blog built using 11th and tailwindcss. - kailoon/kailoon.com

Design that code.

From my Twitch livestream on April 29, 2021 over on Twitch.TV/5t3phDev Topics: 03:04 - Begin developing the 11ty site 07:44 - Add a layout 13:06 - How Eleventy creates pages 15:33 - Adding CSS to an Eleventy project 19:09 - Enabling Eleventy to watch CSS files for changes 20:21 - Creating content without any page output 22:08 - Create a collection 24:07 - Create a data directory file to prevent page output and define a collection using tags 26:50 - How to mix templating languages in Eleventy 27:52 - Output content from a collection in a Nunjucks for loop 32:31 - Ways to define for ordering ...