events/2025-10-30-front-end-study-hall

Front End Study Hall #039 was an IndieWeb meetup on Zoom held on 2025-10-30.

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

Front End Study Hall #039

October 30, 2025

Participants

• Joe Crawford
• Sara Jakša
• Thomas Vander Wal
• Jonas Olson
• Eric M
• capjamesg
• Tantek Çelik

Joe's Background

• NowNowNow https://nownownow.com - a slashpage for what's current, what's new, what's happening on ones own website - there are thousands of folks around the world with "/now" pages!

What shall we talk about today?

• Time change in the UK (and large parts of Europe)!
• Time Zone conversions
• Intl libraries in JavaScript
  • James' experiment: https://playground.jamesg.blog/time.html
  • https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl
  • https://momentjs.com/

• Frustrations!
  • Extra hour in bed every night
  • Choosing a good color scheme
    • There is an Adobe app to get dominant colours
      • https://color.adobe.com
    • One Thomas uses on Mac is: https://sipapp.io
    • Another Thomas uses on Mac is: Paletter app
  • How do I know what the right color to use? Designers
  • Photos can inspire and be the start of a palette
  • Meanings of colors - limits of the color
  • Color theory in emotion/meaning
  • Emily: If I have a color Coolers (what's the url? https://coolors.co/
  • For James: https://www.flickr.com/photos/meyerweb/132887473/in/photolist-pyGvaX-pcvFxU-BJHPoy-BUHqm3-C3132b-BUHpTu-pDF5oS-3KqHHq-pcK8Dz-pcK8mk-4c4iWS-9YnXcJ-j6oYkn-cK5Zc-7cKyK4-B7TSfp-pPAs7z-q79MgE-pPFrz3-q4VvXA-cK5Pk-42orYg-7cEFw1-7cmh98-dyniSP-C312go-ifJUju-C5iPNe-C314SW-BX28wT-7cPujw-7cqefN-46AxtF-uuK7V-CvwMEG-7cPtQd
    • Thank you! - James
    • "70s basement" as a start. What's the feel.
  • Book: "Color Harmony" (has palettes) and color theory
  • What resonates? Photos into Keynote and put type color over it.
  • https://dylanbeattie.net/2025/07/30/css-has-239-different-ways-to-make-something-blue.html
    • See also https://dylanbeattie.net/miscellany/blues.html
• Eric describes an experience with a computer screen with brightness low but the video was very vibrant
• Color HDR?
  • https://en.wikipedia.org/wiki/High-dynamic-range_television
  • https://en.wikipedia.org/wiki/High_dynamic_range

• Blue Dress Gold Dress and llamas
  • https://www.buzzfeed.com/danmeth/a-tribute-to-the-memes-of-february-26-2015
  • Data visualizations - I need more colors - visually, shape, color
  • Gamut - how much color, how many distinct colors can be displayed
• https://ismy.blue/ "Is my blue your blue?"

• Digital Design Influencer - motion in apps and sites - heavy motion
  • subtle motion vs big motion!
  • WCAG prefers reduced motion
  • https://www.w3.org/WAI/WCAG21/Understanding/animation-from-interactions.html
  • Goal
    • Users are not harmed or distracted by motion.
  • What to do
    • Support user preferences for motion, and eliminate unnecessary motion effects.
  • Why it's important
    • People can get sick from motion effects.

• What does "prefers reduced motion" mean to the user?

*https://artlung.com/wwo/29/
* prefers maybe reduced is none, maybe it's slower
*https://en.wikipedia.org/wiki/Flash_of_unstyled_content
* grid-template-areas named like a haiku
* "ISO HTML" https://artlung.com/wwo/30/

• • Let's talk about standards! ISO-8601 - building block
  • You have to pay for ISO standards
  • Modern standard
    • ISO dates back to 1926, though the current organization dates to 1947 (the original was suspended during WWII)
  • governments can cite and mandate compliance to the standard for products sold in that country
  • not every standard lawmakers can comply with this standard
• Note: "ISO HTML", based on HTML 4.01 Strict
  • https://en.wikipedia.org/wiki/HTML#HTML_4
    • the cool thing about iso html - it's basically html 4.01

• ISO standards for country codes (ISO 3166), for time codes (ISO 8601)
• ~2300 ISO standards related "internet"
• https://en.wikipedia.org/wiki/ISO_3166-1

Next time: CSS line-break property!

• ... add notes

---

Please note that all contributions to this pad and other IndieWebCamp documents are considered to be released under the public domain according to CC0.

Group Photo 2025-10-30