Yetty
- Date
- 2021
- URL
- https://yetty.netlify.app/
- Status
- Live
- Repository
- https://github.com/ygoex/yetty
- Role
- UX/UI Designer & Front-End Web Developer
- Technologies
- Eleventy as SSG,
- Nunjucks as template engine,
- SASS as CSS preprocessor,
- PostCSS (Autoprefixer and PurgeCSS) to transform CSS with JS plugins,
- Npm scripts for workflow automation.
- Context
Yetty is an Eleventy starter kit built with accessibility and performance in mind.
A few side projects required a starter kit with the requirements described below, and this is what I came up with. This is the starter kit I have used to build this portfolio.
Yetty blog post. - Requirements
- Critical CSS to remove render blocking stylesheets.
- Persistent dark mode
- HTML minified
- PWA
- JS compilation and minification
- Automate the generation of images in multiple sizes, in two different formats (jpg and webp), and markup with
<figure>,<picture>and native lazy loading.
Yetty blog page.