11ty

A post about setting up SASS with eleventy without additional tools

I spent a fair amount of time in 2021 building sites with 11ty. I started with no knowledge and ended with a set of preferred tips and tricks. Here's everything I know and wish I knew from the start.

Sometimes it’s a little confusing what the difference between shortcodes, data and filters really is, and frankly the boundaries can become a little blurred with 11ty.

Collection of free HTML and CSS recipe card code examples from codepen and other resources. Update of April 2019 collection. 3 new items.

GitHub Action for generating a static website with Eleventy - TartanLlama/actions-eleventy: GitHub Action for generating a static website with Eleventy

If you're moving your Wordpress site to Eleventy, you will want to convert your Gravatar images too. Find out how easy it is using an Eleventy shortcode.

Want to try Eleventy, but not very experienced in JavaScript yet? You're in the right place.

With its 0.11.0 release, Eleventy offers a powerful feature. Let's see how to exclude draft collection items from build output in Eleventy programmatically, using eleventyComputed.

A starter kit for Eleventy static site generator and Forestry CMS/NetlifyCMS, largely based on gulp v4. Batteries included.

Collections allow you to group templates and then sort, filter, and perform other manipulations to customize the display of your template content and data.

This is the second part of the Let't Learn Eleventy series. We'll learn how to use collections.

11ty.recipes helps you build an Eleventy site from scratch, showing you how to add individual features to craft the exact site you need.

Five pieces of knowledge I wish I knew before working with 11ty, the JavaScript-based static site generator. Get a jump start using this fantastic tool.

Teile deine Videos mit Freunden, Verwandten oder der ganzen Welt

Comparing techniques for encapsulating HTML components in Nunjucks or Jinja2.

11ty comes with some useful plugins for markdown manipulation, one of these is...

Senior Front-end Developer at @Nordhealth. daviddarnes has 47 repositories available. Follow their code on GitHub.

A basic template for starting a new 11ty site. Contribute to philhawksworth/11ty-scaffold-with-sass development by creating an account on GitHub.

A Sass plugin for Eleventy that's beginner-friendly and production-ready - henrycatalinismith/11tysass: A Sass plugin for Eleventy that's beginner-friendly and production-ready

Featuring absolutely nothing beyond a base HTML5 template and the essential setup to watch and compile your Sass alongside 11ty. - 5t3ph/11ty-sass-skeleton: Featuring absolutely nothing beyond a ba...

A plugin for sass support in Eleventy. Contribute to Sonaryr/eleventy-plugin-sass development by creating an account on GitHub.

How-to on creating separate collections and layouts for a custom content type. In this case: cocktails!

Making new boilerplate files is one of many tiny professional pet peeves that makes me ask "what would a real engineer do?" Answer: automate it!

Eleventy a href='https://www.11ty.io/docs'notes that/a it,

One of the great things about Eleventy is its flexibility and its lack of assumptions about how your projects should be organized. However, in order to preserve my own sanity, I needed to come up with a default files and folders architecture that made sense to me.

While looking around a repository at something else I discovered this clever approach.

When switching from Jekyll to Eleventy, I discovered that my headings no longer had id attributes in the rendered HTML. This meant that I couldn’t link directly to headings in my (sometimes very...