Front End Study Hall

🎨 Front End Study Hall is an HTML and CSS focused IndieWeb popup meeting focused on markup, styling, design, layout, and accessibility in a loose format where participants come to learn and teach.

Planned

Check out the upcoming online Front End Study Hall pop-ups and RSVP!

• https://events.indieweb.org/tag/frontend

To-Study List!

Ideas for the next FrESH? Add below or message Joe Crawford:

• "I would love to learn more about conic gradients in a future session." - capjamesg
• explaining oklch(from var(--color) calc(l - 0.15) c h) - Joe Crawford
• Tantek Çelik: “@Joe Crawford you may find this entertaining (I hope) for your next FrESH:” https://tantek.com/2024/263/t1/20-years-undohtml-css-resets
• https://piccalil.li/blog/how-i-build-a-button-component/ from morganm
• Via capjamesg transition for the click on the image on https://www.tate.org.uk/art/artworks/blake-the-good-and-evil-angels-n05057 might be worth looking at
• Via capjamesg 2024-10-10: would like to discuss making hamburger menus
  • gRegor Morrill just the other day saw this CSS-only version https://codepen.io/ahaywood/pen/OJXLKEX, via video walkthrough: https://youtu.be/x_VYl7zz1XY
• What the mix-blend-mode does capjamesg
• An animated cookie monster eating a line (via HWC)
• grid-template-areas: how does it work and when would you use it capjamesg
• How to prevent single words breaking off to the next line in prose (i.e. FReSH is the // best.), where // is the line wrap capjamesg
• add more…

Meetings

• 2024-12-17: meeting #017

• 2024-12-05: meeting #016

• 2024-11-21: meeting #015

• 2024-11-07: meeting #014

• 2024-10-24: meeting #013

• 2024-10-10: meeting #012

• 2024-09-26: meeting #011

• 2024-09-12: meeting #010

• 2024-08-27: meeting #009

• 2024-08-01: meeting #008

• 2024-07-16: meeting #007

• 2024-07-02: meeting #006

• 2024-06-18: meeting #005

• 2024-06-06: meeting #004

• 2024-05-23: meeting #003

• 2024-05-07: meeting #002

• 2024-04-24: first meeting

See Also

• popup
• front end
• CSS
• HTML