93 lines
2.4 KiB
Markdown
93 lines
2.4 KiB
Markdown
# Eleventy starter
|
|
|
|
Very opiniated Eleventy starter based on the workflow suggested by Andy Bell's <https://buildexcellentwebsit.es/>.
|
|
|
|
- [Eleventy starter](#eleventy-starter)
|
|
- [Logbook](#logbook)
|
|
- [22-10-03](#22-10-03)
|
|
- [22-10-04](#22-10-04)
|
|
- [Using this](#using-this)
|
|
- [Install dependencies](#install-dependencies)
|
|
- [Working locally](#working-locally)
|
|
- [Creating a production build](#creating-a-production-build)
|
|
- [Credits and Thank yous](#credits-and-thank-yous)
|
|
|
|
## Logbook
|
|
|
|
### 22-10-03
|
|
|
|
- first commit. Updated
|
|
|
|
### 22-10-04
|
|
|
|
- All markdown syntax set. Some tests with web components and webC.
|
|
- TODO: dark mode
|
|
|
|
## Using this
|
|
|
|
### 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
|
|
```
|
|
|
|
## Credits and Thank yous
|
|
|
|
**Heydon Pickering**
|
|
|
|
I strongly orientate myself on Heydon's approaches and love his books.
|
|
|
|
- https://every-layout.dev/
|
|
- https://inclusive-components.design/
|
|
|
|
**Andy Bell**
|
|
|
|
His CSS methodology makes sense to me. I'm still working on understanding it fully and using it consistently. 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/
|
|
|
|
**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 Hovhannisyan does this in an exemplary way, which is why I based the structure of eleventy.js on his online resume and blog. Also, he writes great tutorials in his blog.
|
|
|
|
- https://github.com/AleksandrHovhannisyan
|
|
|
|
**Josh Comeau**
|
|
|
|
He created a fantastic CSS course that I am currently working through. Also, his in-depth tutorials are a great resource.
|
|
|
|
- https://www.joshwcomeau.com/tutorials/
|
|
- https://courses.joshwcomeau.com/css-for-js
|