events/2026-02-24-front-end-study-hall

Front End Study Hall #047 was an IndieWeb meetup on Zoom held on 2026-02-24.

• Archived from: https://etherpad.indieweb.org/2026-02-24-front-end-study-hall

Front End Study Hall #047

Feb 24, 2026

Participants

• Joe Crawford
• Kevin Marks
• Reilly Spitzfaden
• Emily N
• Eric M
• Template:btrem
• Thomas Vander Wal https://vanderwal.net
• capjamesg

Joe's background today

• StackOverflow! From 2009, after it was out of beta! https://stackoverflow.com/
• https://lyra.horse/x86css/
  • Creator is Lyra will be speaking at CSS Day in Amsterdam
  • CSS Day is in Amsterdam has been going for a decade or so

• http://endless.horse/
• https://gradient.horse/

• PHP ~ "Mildly dynamic websites" ~ 11ty evaluate writes into the html

x<?php print "hello"; ?>y hello.php

• https://gradient.style/ explore gradients

https://dialed.gg/ - colour guessing - oklch

• oklch https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/color_value/oklch
• colorspaces - oklch is better? ought one not

• https://clhenrick.io/blog/color-experiments-with-oklch/
• https://oklch.com/
• https://en.wikipedia.org/wiki/Oklab_color_space

• Lab colour - designed to translate between different gamuts

• Animation proposal html element attribute in development

• https://www.joshwcomeau.com/animation/sprites/

• CSS The Definitive Guide - gangam style single strip of animation is on it - by Estelle Weyl (and with Eric Meyer)
• Dave Shea - image slicing's kiss of death css sprites - https://alistapart.com/article/sprites/
• early DreamWorks
• 2010 animation

• The Twitter 10th anniversary like animation as a sprite https://kevinmarks.com/twitterdecade
• never made of the "detritus"
• https://htmx.org/ - passing html
• https://developer.mozilla.org/en-US/docs/Web/API/HTML_Sanitizer_API

• JAH - https://epeus.blogspot.com/2005/05/jah-ajax-without-xml.html
  • https://kevinmarks.com/staticjah.html
  • we called it AHAH when we microfromatted it, and DHH joined in writing the spec, before he went evil http://microformats.org/wiki/rest/ahah

• https://gardn.website/

• HTML over the wire - https://hotwired.dev/

• Lea Verou's https://mavo.io/
  • templating in html - declarative template

• • https://infrequently.org/2024/11/if-not-react-then-what

• hidden
• for label for="" id of input
• HTML attributes https://developer.mozilla.org/en-US/docs/Web/API/Popover_API#html_attributes popovertarget
• details summary
• transitions api can target some element to another element
• anchor - TimBL called it an = HyTime markup language https://www.iso.org/standard/29303.html
  • https://en.wikipedia.org/wiki/HyTime
• anchors can also be names for link targetting eg which can be linked to as https://epeus.blogspot.com/2001/11#7190483
• https://en.wikipedia.org/wiki/WinHelp

Hytime

<clink link></clink>

• https://books.google.co.uk/books?id=CkzaBwAAQBAJ&pg=PA64&source=gbs_toc_r&cad=2#v=onepage&q&f=false

• CDROM ~ Voyager - Hypercard https://en.wikipedia.org/wiki/HyperCard
• "Hypercard Stack"
• Xanadu? No
• https://en.wikipedia.org/wiki/Voyager_Company
• Write code and compile to code
• How to author multimedia
• https://macromedia.fandom.com/wiki/MacroMind_MediaMaker
• Infinite Mac ~ run old macs
• Cory Doctorow: we only know how to make one computer and it's the Turing-Complete Von Neuman machine
• There's a history of hypermedia tools to be written and made that would be fascinating!

• Thanks all for joining!

Group Photo 2026-02-24