This page contains resources on understanding and working with Eleventy.
Contents
Video Walkthroughs
Converting a Responsive HTML/CSS Site to 11ty
This goes through the process of moving your HTML/CSS/Images files into the 11ty structure.
Converting Responsive Site to Eleventy
Using Templates and Collections
This series of videos first explains what templates are and why they are useful and then shows how to use collections and tags with templates to help automate creating a list of pages and a grid of cards that link to works that share the same tag.
Templates and Collections Walkthrough
Miro Visualizations
Eleventy Major Concepts
these are the pages that you edited in class
-
Eleventy Configuration
The content on this page is created by you in group sessions. The questions are provided by Prof Stein and the answers by students. What do Configuration (config) files do? What is their role in the Build Process? Configuration files use Javascript to root directory of a project to configure Eleventy to a person’s own……
-
Eleventy Content Pages
The content on this page is created by you in group sessions. The questions are provided by Prof Stein and the answers by students. Where are Content pages saved in the 11ty folder structure? The content pages are saved in the Markdown. What is Front Matter and What kind of information is stored there? The……
-
Templates
The content on this page is created by you in group sessions. The questions are provided by Prof Stein and the answers by students. What are Templates? A template is a reusable format for web content. How are Templates used in Eleventy? It use to avoid writing the same formatting over and over. What Language……
-
Static Site Generators
The content on this page is created by you in group sessions. The questions are provided by Prof Stein and the answers by students. What is a Static Site Generator (SSG)? What does it do? A tool that generates a full static HTML website based on raw data and set of templates What are some……
Web Sites
- Official Eleventy Site: https://www.11ty.dev/
- 11ty Rocks: https://11ty.rocks/
- A collection of Eleventy (11ty) starters, projects, plugins, and resources created by Stephanie Eckles (@5t3ph)
- 11ty Recipies: https://11ty.recipes/