Eleventy Excellent

An Eleventy starter

This Eleventy starter was inspired Andy Bell’s talk ‘Be the browser’s mentor, not its micromanager’ and its companion website buildexcellentwebsit.es.

In his words, it’s about hinting the browser rather than micromanaging it, using progressive enhancement, CSS layout, fluid type & spacing, as well as modern CSS features.

This way we can shape frontends that look good to everyone, regardless of device, connection speed or context.

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

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