events/2024-10-10-front-end-study-hall

Front End Study Hall #012 was an IndieWeb meetup on Zoom held on 2024-10-10.

• Archived from: https://etherpad.indieweb.org/2024-10-10-front-end-study-hall

Front End Study Hall #012

October 10, 2024

Participants

• Joe Crawford
• Tracy Durnell
• capjamesg
• Kevin Marks
• gRegor Morrill

Notes

• Today's background: https://www.flickr.com/photos/artlung/144664168/ from 2006, Joe Crawford's m,yspace layout which was based on the excellent article Hacking a more tasteful MySpace Layout http://mikeindustries.com/blog/archive/2006/04/hacking-myspace-layouts
• Front_End_Study_Hall <- idea list
• Music for Airports: https://www.youtube.com/watch?v=vNwYtllyt3Q
• topic - spoiler tag - sparked by https://matthewjamestaylor.com/custom-tags
• James suggestion: how does the layout work on http://mikeindustries.com/blog/archive/2006/04/hacking-myspace-layouts (the colour overlay on the image, the grid) -- what's the best way to make this with CSS grid?

• Glitch as a makerspace
• What is the modern equivalent of MySpace as a hook for web programming?
  • Cohost (soon RIP) allowed custom CSS in posts leading to what they lovingly called "CSS Crimes." They gave a presentation at XOXO 2024 with some of those. Not sure if it was recorded.

• Spoiler tag?
  • highlighted black
  • blurred
  • https://www.goodreads.com/review/show/6866664254 PECOS to https://tracydurnell.com/2024/10/04/read-service-model/
  • https://seirdy.one/posts/2023/11/12/spoiler-element/
  • https://discourse.wicg.io/t/standardized-spoiler-tag/5814/
  • Discord has spoilers too. You click on text to see it. The text is covered by dark grey until you click. The syntax is ||hidden text||
  • Spoiler standards discussions: https://github.com/openui/open-ui/issues/772, https://github.com/whatwg/html/issues/9926
  • phanpy.social example https://phanpy.social/#/xoxo.zone/s/113281780743291728
  • https://stackoverflow.com/questions/34259171/how-can-i-implement-a-spoiler-quote-with-just-css - has example of overlaid text
• Spoiler: https://codepen.io/artlung/pen/gOVLQYJ
• Spoiler: Minimum version https://codepen.io/artlung/pen/wvVoRvd
• https://www.vulture.com/2014/11/swift-finally-reveals-what-her-favorite-emoji-is.html
• forego, forebearance, forefathers

---