README.md

🍱 chiisai

An modern, friendly, aesthetically minimalistic css framework

---

Compile

# minified version
sass --no-source-map --style compressed src\chiisai.scss:dist\chiisai.min.css
# normal version
sass --no-source-map src\chiisai.scss:dist\chiisai.css

Inspiration's

• https://charm.sh
• https://bentogrids.com
• https://nookipedia.com/wiki/Main_Page
• Hyperplexed - Websites Need More Mario UI
• Web Design Engineering With the New CSS | Matthias Ott

Plan:

• inspired by charm.sh
• use Humanist Sans-Serif Font
  • M PLUS 2
  • webpage
• clean buttons
• rounded corners -> friendly
• bento boxes (!!!) ref
  • https://ibelick.com/blog/create-bento-grid-layouts
• (blurred) shadows
• good looking animations(?)
• "modern" colours (dark mode/light mode) rely heavy on pastel/moody colours
• components & atomic modification
  • https://smacss.com/book/categorizing/
• try to stay light to medium complexity
  • complexity 1: https://milligram.io/
  • complexity 10: https://getbootstrap.com/, https://bulma.io/
  • chiisai: 4 to 7
• mobile first - responsiveness first
• develop for all sizes
• defensive css https://defensivecss.dev
• animal crossing wiki(?) ref
• try to keep it small, don't put in way to many components
• ref
  • https://stackdiary.com/minimal-css-frameworks/
  • https://picocss.com
  • https://milligram.io
  • https://jenil.github.io/chota
  • https://www.getpapercss.com
  • https://sakofchit.github.io/system.css
  • https://oxal.org/projects/sakura
  • https://ajusa.github.io/lit
  • https://useaxentix.com
  • https://edwardtufte.github.io/tufte-css