11ty

dart sass powered, includes stylelint and prettier, and autoprefix upon build. Develop script includes hot-reload via browsersync. Themeable and scalable.

Infrequently published reports from the world of front-end development with a focus on accessibility, web performance, CSS and 11ty.

In this blog post, I will show you how easy it is to create a personal website with a blog page using 11ty.

Eleventy comes with a built-in tagging system. For a recent project, I wanted to use my own category system, which led me to dive a bit deeper into extending and configuring Eleventy.

Define 11ty template shortcode to process CSS with PostCSS.

Building a directory site from scratch with Eleventy

Join Jason Lengstorf as he pair programs with brilliant folks from the community to build something live in about 90 minutes.

Jeff Posnick at JAMstack.NYC Event January 14th, 2020

Fetch the latest tweets from twitter, store them to a local JSON file and download their images

A skeleton boilerplate built with Eleventy. Contribute to josephdyer/skeleventy development by creating an account on GitHub.

🏗 Starter project for Eleventy-powered static sites - huijing/eleventy-bp

Static website workflow utilising Eleventy, Tailwind CSS, Webpack and PostCSS. - scottishstoater/jamstack-web-starter

Eleventy template using Bootstrap, Sass, Webpack, Vue.js powered search, includes lots of other features - planetoftheweb/seven

Starter project for static site, using Eleventy and shortcode components pattern. - adamduncan/eleventy-shortcomps

Join Jason Lengstorf as he pair programs with brilliant folks from the community to build something live in about 90 minutes.

In the sites I’ve built with Eleventy (11ty) recently, I’ve found myself reusing a couple filters. This has involved me copying and pasting the code a lot. The solution? Create an 11ty Plugin.

Forging shortcodes,A blog devoted to Eleventy static site generator users,Useful tips to use Eleventy static site generator: site structure, content processing, build processing, assets minifying

This is a design system documentation powered by eleventy - saschadiercks/design-system-with-11ty

Personal Website built with Eleventy. Contribute to maxboeck/mxb development by creating an account on GitHub.

Static Sites - Open-Source and Paid | AppSeed App Generator - app-generator/static-site

I enjoy building workflows for pure static sites. I enjoy ingesting data into my build process instead of loading my client-side with fetches. In this example, we'll use Eleventy's ability to use a JavaScript file, to execute code to fetch data on site build, negating the need for task runners like Gulp.

This article covers creating a blog from scratch using the static site generator Eleventy (aka 11ty). Eleventy keeps things simple and as you’ll see, enables you to very quickly create a fully functional site.

Eleventy might not have multilingual and localisation capabilities out of the box, but you can build a pretty good setup using global data files, collections and Nunjucks as a templating language.

Following my blogpost on multilingual websites with Eleventy, I had several questions about how to build a language switcher. Here is the approach I generally use.

A scaffold for a quick start building with the Eleventy SSG - philhawksworth/eleventyone