Eleventy Resources

This page contains resources on understanding and working with Eleventy.

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