events/2024-07-16-front-end-study-hall

Front End Study Hall #007 was an IndieWeb meetup on Zoom held on 2024-07-16.

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

Front End Study Hall #007

July 16, 2024

Participants

• Joe Crawford
• Template:Ros
• James
• Jah

Notes

• Joe Crawford's background today is of Jen Simmons' "Experimental Layout Lab" https://labs.jensimmons.com/ who was the first person I remember using YouTube to consistently share videos about design and CSS layouts.
  • https://www.youtube.com/@LayoutLand
  • https://labs.jensimmons.com/
• Joe Crawford's friend MAS sent jim Batman-Comic.CSS https://alvaromontoro.com/sansjs/demos/batman-comic-css/
• Simple does not mean easy: https://www.youtube.com/watch?v=rI8tNMsozo0
• "_why the lucky stiff" https://en.wikipedia.org/wiki/Why_the_lucky_stiff
  • He wrote The Poignant Guide to Ruby https://poignant.guide/ which is novel in technical communication for being a lot of fun to read and also educational about programming and Ruby
• Julia Evans zines explaining complicated computer stuff, super clear
• HTML as like Editors Marks sheet
• https://archive.epic.org/crypto/ban/ Efforts to Ban Encryption in the 1990s
• Book mention:Meganets: How Digital Forces Beyond Our Control Commandeer Our Daily Lives and Inner Realities by David B. Auerbach
• "Wherein wrapping text remains the hardest problem in computer science." by jwz

• Jen Simmons grid: https://labs.jensimmons.com/2017/01-020.html
  • https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-of-type
  • We discovered by experimenting with an element by adding span 1000 to the value of grid-column Google Chrome seemed to create an implicit 1000 columns, would be interesting to know if it actually is doing that under the hood despite grid-template columns having a finite set of columns
• Heaps and Stacks opening page has an interesting animation on its main page: https://heaps-stacks.com/
  • It uses https://airbnb.io/lottie/ - a technnology sponsored by AirBnB which turns Adobe After Effects tools to create json data that defines animations processed by JavaScript, and can be used to create animations for other platforms.
• And we had a participant who came in with more general questions about IndieWeb concepts