Eleventy Excellent

An Eleventy starter

This starter is based on Andy Bell’s CSS workflow/boilerplate.
In Andy’s words, we’d rather hint the browser than micromanage it, using progressive enhancement, CSS layout, fluid type & spacing, and modern CSS features.
The aim is to create frontends that look good to everyone, regardless of device, connection speed or context.

I have tried to document a few things.

I keep a branch of v1 because I have changed a lot of things.
At the same time, I’m already working on v3, where I’m switching to ESM and building components with webC where it makes sense.

Have fun and let me know if you find any issues or have ideas for improvements!

Blog

I'm showing the last 4 blog posts, but there might be more!

  • Eleventy Excellent 2.0

    I created this starter after I saw Andy’s talk and studied the source code for buildexcellentwebsit.es. I quickly came to the conclusion that this is the way I want to build all my websites from now on! It's so great. I know many of you feel the same way.'

  • What is Tailwind CSS doing here?

    We are using Tailwinds "engine" to generate utility classes on demand, based on our design tokens.

  • Demo pages

    As of version 2.0, the demos featured here are all directly built in the starter.

  • Open Graph images

    image

    When you share your blog posts, a thumbnail image might appear. This starter generates these images for your blog posts automatically.