events/2024-11-07-front-end-study-hall

Front End Study Hall #014 was an IndieWeb meetup on Zoom held on 2024-11-07.

• Archived from: https://etherpad.indieweb.org/2024-11-07-front-end-study-hall

Front End Study Hall #014

November 7, 2024

Participants

• Joe Crawford
• Dr. Matt Lee
• Neil Baker
• Paul Watson
• benji
• Eric M

Notes

• Nosepilot is my background today

• px, em, ex, vm, in
• px, in, cm, mm, pt pica, em, ex, q (quarter millimeter)

• 640x480 or 600x800
• 500px
• https://lab.artlung.com/additive-font-size/ - percentage
• What looks good on Håkon Wium Lie - roughly 90px per inch

• text relative to the text around
• max-content, min-content

• Tendency.: margin; 1em no guarantee that it's the width of lowercase w;
• ex is supposed to be the height of lowercase x
• ch is the width of the zero in the font in question
• How little CSS can one use and get a usable attrractive readable site
• https://tilde.club/~artlung/ has a 4 line stylesheet akin to css resets but uses the browser

• https://css-tricks.com/come-to-the-light-dark-side/

html{background:#DDD;}
body{max-width: 72ch;font-family:sans-serif;line-height:1.4;background:#FFF;margin-block:0;margin-inline:auto;padding-block:1ch;padding-inline:2ch;}
dt{font-weight: bold}
dd{margin: 1em}
a[href]{text-underline-offset:0.15em}

---