events/2024-10-10-front-end-study-hall
Front End Study Hall #012 was an IndieWeb meetup on Zoom held on 2024-10-10.
Front End Study Hall #012
October 10, 2024
Participants
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