events/2024-10-23-hwc-europe

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

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

Participants

• Paul Watson
• pcarrier.com
• Mark Sutherland
• Joe Crawford
• Kevin Marks
• Template:danielmclaughlan
• Tantek Çelik
• Sara Jakša
• benji
• mandaris
• Angelo Gladding
• Dr. Matt Lee
• ... add names

Notes

Dates

• Dates. 31/12/24 vs 12/31/24.
  • 2024-366 ftw

Masonry

• Masonry
  • Jen Simmons
  • https://front-end.social/@jensimmons/113346886761140404
  • https://webkit.org/blog/16026/css-masonry-syntax/

Blockquote

• Blockquote
  • https://heydonworks.com/article/the-blockquote-element/
  • https://quinnlabs.com/articles/pullquotes-blockquotes-and-asides-in-html5
  • https://www.impressivewebs.com/aside-vs-blockquote-html5/

text-wrap

• text-wrap: balance / pretty
  • https://developer.mozilla.org/en-US/docs/Web/CSS/text-wrap pretty
  • https://shkspr.mobi/blog/2024/10/you-can-use-text-wrap-balance-on-icons/

multi-select

• Multi-select
  • On the discussion of multi-selects and accessibility, I came across this article by Sara Higley on custom ** <select> elements, including multi-select comboboxes (our use case). The pattern that was closest to what we were looking at was the multi-select combobox in part 2 of the article (but thankfully we managed to go with simple checkboxes instead): https://sarahmhigley.com/writing/select-your-poison/
• I was also pointed to the following https://www.w3.org/WAI/ARIA/apg/patterns/combobox/

tags

• Joe Crawford has implemented a first run of coloring tags on his site in WordPress using CSS https://artlung.com/tags/

WordPress Ghost hosting

• WordPress hosting approaches

• moving to Ghost

• hosting companies and evolution thereof

carnivals

• Who is participating in any of the carnivals? Like the Movie club.

https://runpee.com/

embedding

Embedding posts, allowing embedding of your posts:

• embed

• Embedded Mastodon posts without JavaScript
  • e.g. https://social.coop/@mattl/112018447716032177/embed
  • e.g. https://xoxo.zone/@artlung/113346478121804248/embed

• Using attr() to pull a cite attribute onto the page https://developer.mozilla.org/en-US/docs/Web/CSS/attr
• Example of using JS to make a clickable cite attribute: https://www.lazaruscorporation.co.uk/blogs/artists-notebook/posts/link-dump-oct-2024

use blockquote cite attribute with a local fragment link to link to a cite element with full h-cite markup

Brainstorms for embedding added:

• embed#Brainstorming

88x31 discovery

Do not use .well-known for 88x31 icon discovery, instead:

• 88x31#How_to_markup
• Joe Crawford last created 88x31 banners in 2002. https://artlung.com/blog/2002/02/20/9926260/

https://github.com/dak0rn/none

https://brandcolors.net/

book search

• Replacement for openlibrary book search api
  • book has a lot of services (some with APIs) — also this page could use gardening
  • https://data.library.bz/dbdumps/
  • https://support.libib.com/support/php-pro-code-test/

frame busting to embedding

Instead of Framebusting, redirect to frame embedding!

• embed#redirection_to_embed_rather_than_framebusting
• Speakling of framebusting, you might enjoy this Frame Buster Buster https://stackoverflow.com/questions/958997/frame-buster-buster-buster-code-needed

DST change UK EU

DST change in UK/EU this weekend!

• from BST to GMT
• a well planned trip can avoid both EU/US DST changes: https://tantek.com/2021/323/t1/trip-skip-dst-change

---

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