events/2024-10-09-hwc-europe

Homebrew Website Club Europe/London was an IndieWeb meetup on Zoom held on 2024-10-09.

• Archived from: https://etherpad.indieweb.org/2024-10-09-hwc-europe

Participants

• capjamesg
• Kevin Marks
• mandaris
• Paul Watson
• Joe Crawford
• benji
• ... add names, if you have set it up in chat-names it may include a link and avatar

Notes

• Welcome to HWC!
• Yesterday's HWC writing: events/2024-10-08-hwc-writing
• Sunset website design
• James' demos
  • https://jamesg.blog/2024/09/29/the-underground-guitarist/
  • https://jamesg.blog/2024/10/09/performance/
• Manual that James referenced: https://standardsmanual.com/products/epa
• custom_post_style
• Joe Crawford recent changes on website
  • Joe ran into an issue with his CDN; the CSS was broken in the UK. It was found by Paul Watson and was fixed by a restart of the CDN service. Joe Crawford was able to replicate the failure by using a VPN set to UK/London.
  • removing and tuning what's displayed on individual post pages to be more friendly to reading
  • added rel=me links to libre.fm
  • simplifying some CSS
  • Blogged several times
• Useful thing to do: See how your site works without CSS.
• https://caniuse.com/mdn-css_properties_interpolate-size_allow-keywords
• https://www.bbc.co.uk/news/entertainment-arts-57650176
  • James: "What is original, anyway?"
  • James did an audio note about remixing today!
  • https://jamesg.blog/2024/10/09/writing-duet/
• Chat names

• interpolate-size: allow-keywords;
• https://css-tricks.com/transitioning-to-auto-height/

https://frontendmasters.com/blog/one-of-the-boss-battles-of-css-is-almost-won-transitioning-to-auto/ https://developer.chrome.com/docs/web-platform/view-transitions https://developer.chrome.com/docs/css-ui/animate-to-height-auto

• Manny has open sourced his micro.blog theme
  • https://github.com/mandaris/labarum
• Separation of concerns is useful for software design
• Blocking scripts can slow down sites
• Performance teaching for web should show examples of sites that are slow / how changes can make them

faster.

Fediverse:creator: https://rknight.me/blog/setting-up-mastodon-author-tags/

• • Works for everyone!
  • Instructions: https://blog.joinmastodon.org/2024/07/highlighting-journalism-on-mastodon/
  • Proof of concept: https://thegoblin.market/@lazcorp/113273922349888046

• MIT-licensed icons: https://github.com/phosphor-icons/homepage <- I use these
• SuperTinyIcons of brands: https://github.com/edent/SuperTinyIcons

https://teenyicons.com/ https://tabler.io/icons

• https://feathericons.com/
• https://simpleicons.org/
• Content readability guideines for emoji: https://readabilityguidelines.co.uk/images/emojis/
• Making emojis accessible: https://devyarns.com/accessible-emojis/
• Website face book to map homepages to domain names
• Twitter's emoji font: https://github.com/twitter/twemoji
• Noto Emoji by Google: https://github.com/googlefonts/noto-emoji
• https://fonts.google.com
• typographers to follow: https://www.threads.net/@jonathanhoefler/post/DA4DNEOP0q7
• typography feed on bluesky https://bsky.app/profile/wortfeld.de/feed/aaapj3tuztnd4
• https://typo.social/@typographica
• https://dtinth.github.io/comic-mono-font/
• https://en.wikipedia.org/wiki/Microsoft_Comic_Chat

• ... add notes