events/2025-06-17-front-end-study-hall

Front End Study Hall #030 was an IndieWeb meetup on Zoom held on 2025-06-17.

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

Front End Study Hall #030

June 17, 2025

Participants

• Joe Crawford
• Eric M
• Emily N
• Marty McGuire
• Nick Simson
• Kevin Marks
• Thomas Vander Wal
• Ross A. Baker, fashionably late
• Tantek Çelik

Notes

Joe's Zoom Background

• Lissa Explains it all! https://lissaexplains.com/ https://en.wikipedia.org/wiki/Lissa_Explains_it_All - which I vaguely remember from the 1990s but was reminded of it by https://jennschiffer.com/ who mentioned it on her livestreams of going through Glitch projects (Schiffer worked at Fogbugz/Glitch) to decide on what to do with them.

Scroll horizontally? Usability? Horizontal scroll is affected by scroll wheel? Good in timelines?

• flex-direction: row

• fulls creen with horizontal and vertical pagination in https://revealjs.com/ works meantly

• the horizontal scroll with paralax thta Zeldman pointed to - https://www.johnsonbanks.co.uk

• https://phanpy.social/ - shows edges of the content
• Mastodon scroling contexts - multiple on a page
• reminds artlung of old k10k of multiple scrolling iframes on a page
• Reveal.js slideshow type things

• css scroll snapping - how do we do it?
• https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_scroll_snap
• https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-snap-type

• Saturday - IndieWeb talk
  • Beginner perspective: example topics
• http://blogroll.org/
• discovery

Nerding out movies

• Sneakers
• Revenge of the Nerds

• transform: too scale an object: overlaying the object
• https://revealjs.com/api/

https://miocene.io/

Replacing JS with CSS!

What are notable places you've removed JavaScript from and replaced with native modern HTML and CSS replacements?

• scroll snap!
• CSS native smooth scrolling for jump links and works with prefers reduced animation
• accordions in JS (CSS purely CSS)
• Popover API
• :has()

Scraping Bot behaviors

• Scraping bots?
  • performance problems
  • throttling problems
  • Charles
  • Anubis JavaScript
  • Remove Javascript to speed things up
  • Add JavaScript to inhibit scrapers
  • Static website?
  • Fail2Ban
  • Classifying bad user-agents with Caddy: https://pages.madhouse-project.org/algernon/infrastructure.org/services_caddy_snippets_classify_sketchy_agents
  • proxies hidden in android apps to bypass rate limits / subnet blocks: https://maldbg.com/packed-android-proxy-framework
  • https://www.404media.co/ai-scraping-bots-are-breaking-open-libraries-archives-and-museums/
• Cloudflare has been useful to Tantek Çelik to avoid bot traffic, Marty has
• Dutch Telecom? OBH France
• Many conversations go toward AI and toward politics these days but these are nonetheless
• Multiple points about Cloudflare and
• Impulses to rely on American companies

Other notable links

• (Since FrESH 029)
  • https://cssday.nl/
  • https://jeffbridgforth.com/weeknotes-june-9-2025/