Front End Study Hall

🎨 Front End Study Hall (sometimes abbreviated as FrESH) 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

View 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:

What are buttons good for anyway? Jeremy Cherfas
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
An animated cookie monster eating a line (via HWC)
improving the gallery "tag" in mediawiki - suggested by gRegor Morrill
Subgrid! suggested by capjamesg
fit-content suggested by capjamesg
Idea: FrESH session for making your own /linktree or /links page from Tantek Çelik
From Tantek Çelik https://www.adavanzo.com/articles/2025/the-systemic-failure-of-implementing-css-principles
From Tantek Çelik https://www.adavanzo.com/articles/2025/css-class-seriously-sprawling
Interesting new SVG Editor in development: GodSVG https://www.godsvg.com/
On the joy and whimsy of making websites from Sara Joy https://slides.sarajoy.dev/whimsica11y-sotb2025/
Avoid "fake" bold and italic. https://adrianroselli.com/2025/03/dont-use-fake-bold-or-italic-in-social-media.html
https://leanrada.com/notes/css-only-lqip/ via Martijn van der Ven
James would love to know when you would use subgrid
Open question: Can you do a dark mode toggle in only HTML/CSS that persists between pages?
https://developer.mozilla.org/en-US/blog/h1-element-styles/
Landscape with HTML & CSS! https://codepen.io/ivorjetski/pen/xxGYWQG via Mark Sutherland
Sprite sprites
add more…

FAQ

When?

Every two weeks or so, see events.indieweb.org/tag/fresh and subscribe to the iCal feed

Do you talk about things like React?

React and anything reliant on JavaScript (or TypeScript, or other higher level programming languages) are outside the focus for FrESH. We often have strong opinions about frameworks, libraries, tools, editors, libraries, tutorials.

Meetings

During Front End Study Hall the group takes collective notes using etherpad. These are archived below.

2025

2024

Front End Study Hall (FrESH)
	Find upcoming Front End Study Hall Events on events.indieweb.org/tag/frontend
2025	01-02 • 01-16 • 01-30 • 02-13 • 02-25 • 03-11 • 03-27 • 04-08 •
2024	04-24 • 05-07 • 05-23 • 06-06 • 06-18 • 07-02 • 07-16 • 08-01 • 08-27 • 09-12 • 09-26 • 10-10 • 10-24 • 11-07 • 11-21 • 12-05 • 12-17 •