This Eleventy starter is based on 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.
I'm showing the last 4 blog posts, but there might be more!
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.'
A gallery with good old "popup" functionality inside a dialog element, a new image shortcode that links directly to the image with its original dimensions, and a regular loop over images.
We are using Tailwinds "engine" to generate utility classes on demand, based on our design tokens.