Hello World!
by Lea Rosema
Hello world, this is my new blog, a place to write for me.
It is based on eleventy-excellent by Lene Saile. I learned a lot of new things by studying her work. It's indeed excellent.
Learnings
anchor- Kudos to Andy Bell and his talk about building excellent websites that just work for everyone.
- You can organize your eleventy configurations by splitting them up in multiple config javascript files
- CSS and JS as first-class citizens in Eleventy
- All the SEO stuff, this is really great. It was also a bit overwhelming to me as I never really had in-depth touch points with SEO
- Kudos also to the SEO Cheat sheet by 9elements, it helped me a lot getting the basics.
- Using pseudo random numbers in Eleventy where you provide a seed and always get the same sequence of random numbers.
- Reset CSS by Elly loel
- lowering specificity with
:where
- I learned about CSS Layers, making lowering specificity with
:where
not necessary anymore 😅 - There's this new rust-based lightningcss which can minify, autoprefix according to a browserslist :)
Things left to improve
anchor-
The theme switcher is based on JavaScript, the fallback for now is to not provide theme options but respect the user's color scheme preferences. Also, this can cause a flash in the first contentful paint so a server-side solution might be better (there's an Eleventy Edge example I have to look into).
-
Automatic accessibility checks. There's a netlify plugin I didn't manage to get working yet.
-
I didn't get too comfy with Tailwind and using that as design tokens yet.