Inspired by @5t3ph's 11ty-sass-skeleton, my own Pack11ty #Eleventy template project now uses Dart Sass CLI and a few postcss plugins for Sass instead of the previous unnatural Rollup configuration.
Oh… you need to quickly start a new #Eleventy project on your computer?
Asuming you already have npm installed, here's how to use my Pack11ty starter/plugin:
npm create [email protected] your-project-nameEasy enough? 😁
Details on https://pack11ty.dev with other solutions for Netlify, Vercel, StackBlitz, etc.
In other news:
My #Eleventy starter project is now using Eleventy 2.0! 🥳
And my Eleventy plugin for responsive images based on standard Markdown syntax and usage of an image CDN/service is now compatible with Eleventy 2.0:
https://nhoizey.github.io/images-responsiver/eleventy-plugin-images-responsiver/
URLs, a poll:
(there is a right answer)
This is an important question for #Eleventy users, because you can't have both /about.md and /about/index.md with Eleventy default behavior.
In #Pack11ty, a single setting is enough to decide: https://pack11ty.dev/documentation/collections/#permalinks
📢 The 3rd Edition of EVERY LAYOUT is now available!
We were blown away reading all the kind words you gave us for testimonials; have some logical properties as a thank you!
every-layout.devN
Don't have this masterpiece yet? Get it now, it will prevent headaches when creating CSS layouts!
The layout of my #Eleventy project https://pack11ty.dev/ uses it to get a responsive layout without any media query.
Intrinsically Responsive CSS Grid with minmax() and min()
I've been using a CSS Grid layout on some pages here for a while, and had issues with some of it triggering an horizontal scroll on thin viewports…
Evan Minto