From IndieWeb

Front End Study Hall was an IndieWeb popup on Zoom held on 2024-04-24.

Popup: Front End Study Hall
When: 2024-04-24 12:00 to 13:35


If you have a chat-name set up on the wiki, add it like {{this}} otherwise include your name/website


  • ✅ Short introductions!
  • ✅ Group photo
  • ✅ Let's learn some stuff

Topics to Discuss

  • ✅ Flexbox vs Grid
    • "Flex"
    • Practical examples of take apart ("live in the wild")
  • ✅ Sticky Position
  • ✅ Basic HTML tags
  • Microformats
  • Things they wish they could do in CSS but can't - holes they can't do:
    • Sidenotes and footnotes in CSS and markup
    • Endnotes
    • imagemaps
  • What kind of links are there - trick, security, rickrolling, things you can link to: email, telephones


Cheers, Kevin!

Flexbox vs CSS Grid

Codepen for this topic, demonstrating CSS techniques with markup from Mark Sutherland's website.

Sticky Position

Table row|column headers:

Can you get rid of Bootstrap and other CSS frameworks?

For layouts:

For components & typography (that could replace libraries like Tailwind):

comparing classless css layouts - stylesheets that style only semantic HTML

Introductory tutorial on creating component libraries:

Basic HTML Tags

MDN is a good resource in general:

The HTML Accessibility API mappings (where "semantics" actually matter, because this is what gets exposed programmatically to assitive technologies):

Microformats Showcase

Pizza website made on Glitch



For Kevin Marks:

Future Events

Galactic Homebrew Website Club coming up Saturday:

Upcoming Homebrew Website Clubs:

The next Front End Study Hall will be on May 7, 2024:

Thanks for joining Front End Study Hall!

2024 BrightonBuild a Website in an Hour March (P)Front End Study Hall April (P)Front End Study Hall May (P)DüsseldorfPlanning More Camps & Popups • … •
2023 Build a Website in an Hour July (P)Build a Website in an Hour September (P)Multi-Lingual Personal Websites (P)NurembergCreate Day November (O)San DiegoCreateFest (O)
2022 Analog Meets Online (P)Personal Libraries (P)Create Day March (O)DüsseldorfCreate Day July (O)BerlinCreate Day September (O)How to Make the IndieWeb More Approachable (P)Create Day December (O)
2021 Respectful Responses (P)Webmentions Beyond (P) • Very Sensitive Data (P)Create Day July (O)Microsub (P)IndieAuth (P)Gardens and Streams II (P)Create Day October (O)IndieAuth 2 (P)DüsseldorfCreate Day December (O)
2020 OnlineAustin London (O)Garden & Stream (P)West (O)Micropub (P)IndieAuth (P)Get Started with WP (P)microformats2 (P)Friendly WP Themes (P)East (O)Create Day (O)
2019 AustinOnlineNew HavenBerlinDüsseldorfUtrecht9th IndieWeb Summit (Portland)AmsterdamOxfordNYCBrightonBerlin2SF
2018 BaltimoreDüsseldorf8th IndieWeb Summit (Portland)SFOxfordNYCNürnbergBerlin
2017 BellinghamDüsseldorfNürnberg7th IndieWeb Summit (Portland)IstanbulNYCBerlinAustin
2016 NYCMITNürnbergDüsseldorf6th IndieWeb Summit (Portland)NYC2BrightonLA (Santa Monica)BerlinMIT2
2015 Cambridge MAGermany (Düsseldorf)Portland & Brighton (5th Summit) • EdinburghMITSF
2014 SFNYCPortland/NYC/Berlin (4th Summit)UK (Brighton)Cambridge MAOnline
2013 Portland (3rd Summit)UK (Brighton)Hollywood
2012 Portland (2nd Summit)UK (Brighton)
2011 Portland (Summit)