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!
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
- Terrific monospace retrofont https://undefined-medium.com
- 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
image-rendering: pixelated
https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering- What the mix-blend-mode does capjamesg
- How to make a table of contents with items connected with ellipsis, like:
- This is an article ............... 1
- This is another article .......... 2
- 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-05-07: meeting #002
- 2024-04-24: first meeting
Front End Study Hall (FrESH) | |
---|---|
Find upcoming Front End Study Hall Events on events.indieweb.org/tag/frontend | |
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 β’ |