Eleventy starter

Very opiniated Eleventy starter based on the workflow suggested by Andy Bell's https://buildexcellentwebsit.es/.

• Eleventy starter
  • Preview
  • Using this
    • Install dependencies
    • Working locally
    • Creating a production build
  • Logbook
    • 22-10-30
    • 22-10-03
    • 22-10-04
  • Credits and Thank yous

Preview

https://eleventy-excellent.netlify.app/

Using this

Search and replace 'eleventy-excellent.netlify.app' with your own domain.

Install dependencies

npm install

Working locally

Starts watch tasks to compile when changes detected

npm start

Creating a production build

Minify JS, inline and minify CSS.

npm run build

Logbook

22-10-30

WebC in own branch, simplify main branch

22-10-03

• first commit. Updated

22-10-04

• All markdown syntax set. Some tests with web components and webC.
• TODO: dark mode

Credits and Thank yous

Andy Bell

His CSS methodology makes sense to me. It also goes hand in hand with the Every Layout solutions he co-authors. An ardent opponent of the utility class framework Tailwind CSS. But has recently published an approach that incorporates Tailwind CSS into his methodology. This is built into my website and I'm working on tweaking it. I learned how to use Eleventy in 2020 with his (now free) course.

• https://cube.fyi/
• https://buildexcellentwebsit.es/
• https://learneleventyfromscratch.com/

Heydon Pickering

I strongly orientate myself on Heydon's approaches and love his books.

• https://every-layout.dev/
• https://inclusive-components.design/

Zach Leatherman

He is developing Eleventy.

• https://www.11ty.dev/
• https://www.zachleat.com/

Stephanie Eckles

She provides a lot of resources for Eleventy and modern CSS.

• https://smolcss.dev/
• https://moderncss.dev/

Aleksandr Hovhannisyan

I love order and structure. Aleksandr does this in an exemplary way, which is why I based the structure of eleventy.js on his personal site. The 301 redirect solution I'm using is from his blog.

• https://github.com/AleksandrHovhannisyan
• https://www.aleksandrhovhannisyan.com/blog/eleventy-netlify-redirects/

Oliver Schöndorfer

Oliver is a type expert. He writes the Pimp my Type Newsletter where I dscovered the font I'm using for this website.

• https://pimpmytype.com/outfit/
• https://pimpmytype.com/category/fontfriday/

Manuel Matuzović

Manuel is an accessibility expert. The menu I'm using is from one of his articles on web.dev.

• https://web.dev/website-navigation/
• https://www.matuzo.at/