Front End Study Hall #036 was an IndieWeb meetup on Zoom held on 2025-09-18.

• Archived from: https://etherpad.indieweb.org/2025-09-18-front-end-study-hall

Front End Study Hall #036

September 18, 2025

Participants

• Joe Crawford (concierge) https://artlung.com/
• gRegor Morrill https://gregorlove.com/
• Thomas Vander Wal https://vanderwal.net
• capjamesg https://jamesg.blog
• Mike Waggoner https://herebox.org
• Eric M

Notes

• Today's Zoom Background is a screenshot of a page on the Section 508 website from 2005.https://web.archive.org/web/20050404003339/http://www.section508.gov/index.cfm?FuseAction=Content&ID=3
  • Section 508 is a law in the US code related to accessibilty of resources related to
  • Current site: https://www.section508.gov/
  • https://en.wikipedia.org/wiki/Section_508_Amendment_to_the_Rehabilitation_Act_of_1973#Summary_of_Section_508_technical_standards

• Since we last met: Jeff Bridgforth wrote an article mentioning FrESH on CSS Tricks https://css-tricks.com/is-it-time-to-un-sass/

• Akira Kurosawa's Dreams: https://en.wikipedia.org/wiki/Dreams_(1990_film)
  • We all need inspiration, inspired by

• Thomas worked in government and his work in a11y and government was part of what drew him into Web Standards Project, like many government issues it was a push and pull

• https://www.gov.uk/guidance/accessibility-requirements-for-public-sector-websites-and-apps
  • "Your website or mobile app will meet the legal requirements if you:
    • meet the Web Content Accessibility Guidelines (WCAG) 2.2 AA accessibility standard - although there may be valid legal reasons for not meeting accessibility standards
    • publish an accessibility statement that explains how accessible your website or mobile app is"

• Spatial web
  • model HTML element is being incubated, Apple has use cases for Safari in visionOS
  • https://en.wikipedia.org/wiki/Polyhedron
  • https://webkit.org/blog/17118/a-step-into-the-spatial-web-the-html-model-element-in-apple-vision-pro/

• https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/object (feels less semantic?)
• img, audio, video, are all elements now
• https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/fencedframe

• "the web needs more frippery"
• e.g.https://neal.fun/not-a-robot/

• blank; about:blank
• https://en.wikipedia.org/wiki/About_URI_scheme
  • TIL: `about:about` to list the about URLs
• http://home.mcom.com/home/services_docs/html-extensions.html
• https://codepen.io/kaleidea/pen/yLMmmVb

https://developer.mozilla.org/en-US/docs/Web/CSS/display flow-root - tbexplained a simple explanation

• FrESH fork https://codepen.io/artlung/pen/GgoRZbK?editors=1100
• flow-root:
  • Can be applied to inline or block elements and it sets the container and flow-root applies to what is inside that bounding container
• inline-block is its own little flow box, whatever's in it defines the size - nothing around it interacts with what's inside
• inline block is anagous to inline flow-root = block flow-root
• isolation - it's ra
• https://caniuse.com/?search=flow-root
• display: 2 value syntax - the first value of block, inline, (run-in was nice but deprecated worked like generated content)
  • Tantek - IE mac had decent support for display: run-in - still a value
  • Headline https://www.keithcirkel.co.uk/

• https://css-tricks.com/run-in/
• https://www.keithcirkel.co.uk/ ~ css for text all in a line was working nicely with a combination of hiding x overflow and min and max sizes for the two spans inside the headers
• https://kizu.dev/fit-to-width/
• https://github.com/w3c/csswg-drafts/issues/4430
• https://github.com/w3c/csswg-drafts/issues/2528

• 8 bit sites
  • https://tantek.com/2025/257/t1/happy-8bitday-255-bytes-max
  • sites linked from bottom of that page ^

Viewport scroll visibility tricks

FYI:

• https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/hidden#the_hidden_until_found_state

https://caniuse.com/?search=hidden-until-found https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/hidden

HTML changes slowly. "Interop Project"

• https://web.dev/blog/interop-2026-proposals
• https://github.com/web-platform-tests/interop
• https://blogs.windows.com/msedgedev/2025/09/04/calling-for-interop-2026-proposals/
• https://webkit.org/blog/17320/submit-your-ideas-for-interop-2026/

Jake Archibald has been writing about these things. Specs written and detailed and tests. Subsets of problems as well.

• https://wpt.fyi/interop-2025

• Interop 2026 proposals, start here: https://mastodon.social/@jaffathecake/115146979422199786