events/2025-02-05-hwc-europe
Homebrew Website Club Europe/London was an IndieWeb meetup on Zoom held on 2025-02-05.
- Archived from: https://etherpad.indieweb.org/2025-02-05-hwc-europe
Participants
capjamesgJoe Crawford
- Template:VinceAggrippino
jo
zachary.kai
mandaris
Nick Simson
Mark Sutherland
benji- Template:carrvo
- ... add names
Notes
- Welcome to HWC!
- What we're doing on our websites
- Fixing things
- IndieWeb Carnival: https://marksuth.dev/posts/2025/02/indieweb-movie-club-feb-2025-romeo-juliet
- Making sure our servers are up and running
- https://uptimerobot.com/
- 404 page design
- "4 "oh" 4" :)
- Writing a comic or making an illustation for a 404 page
- Joe, you may like https://howdns.works/ep1/ and other comics from DNSimple
- Using https://herd.laravel.com/ for running Laravel applications locally
- The Carnival has been going on since 2023!
- Joe has updated the Carnival wiki to use a table IndieWeb_Carnival
- https://jamesg.blog/2025/02/04/our-web/
- "how do we make tools for the next decade available to as many people as possible?"
- Building tools for *everyone*
- Sharing stickers
- https://dead.garden/blog/i-made-an-indieweb-postcard.html
- "A web-native postcard."
- "Wish you were visiting indieweb.org."
- "philately", "numismatist"
- https://shop.royalmail.com/special-stamp-issues
- Nick has a 'philately' tag on his site: https://nicksimson.com/tags/philately/
- https://brew-company.com/
- Sending cups of coffee internationally in the post
- https://en.wikipedia.org/wiki/Philately
- Hat wearing
- / pages
- /hats
- Selfies of one's self wearing hats
- James wants to make one of these!
- /slashes (slash fiction wikipedia https://en.wikipedia.org/wiki/Shipping_(fandom) )
- /shipping: for TV couples we want to get together
- https://www.bbc.co.uk/weather/coast-and-sea/shipping-forecast
- https://www.bbc.co.uk/sounds/play/m0027lw7 (skip to ~1 min in)
- Public Service Broadcasting, British band who uses archived audio in songs https://www.youtube.com/watch?v=BHIo6qwJarI
- Stormwatch band has mentioned Shipping Forecasts <-- no, it's used in the Jethro Tull album "Stormwatch", in the background the song "North Sea Oil" https://www.youtube.com/watch?v=yeAuU73oc0U
- Songs about the shipping forecast: Lisa Knapp https://www.youtube.com/watch?v=0a-_Rdtbnow , Polperro Fishermans's Choir performs the Shipping forecast: https://www.youtube.com/watch?v=C0sPfN2Pm-o
- /hats
- What would an IndieWeb forecast be like?
- Sunny with a chance of websiting
- Cloudy with a chance of webs
- Light writing
- Menu element
- Photos on our websites
- Profile photos that change depending on light mode / dark mode
- https://artemis.jamesg.blog/app has light mode and dark mode images
- Website images that change depending on the timezone
- Accessibility considerations of websites that change depending on time of day
- https://mxb.dev/ has a cool theme picker
- What would it look like for a user to bring their own stylesheet to your website?
- You could use microformats to get a preferred stylesheet that a site could use
- There are security considerations.
- <meta> theme tag is standardised that could be retrieved https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta/name/theme-color
- User agents have the capacity to set their own styles
- Browsers can set preferred styles for things like font size minimums
- High contrast mode, dark mode -- examples of preferences
- CSS color-mix for mixing colors together
- "I don't believe in hats"
- 404 Media hat
- https://defector.com/
- James recommends WAVE for accessibility testing
- https://webaim.org/resources/contrastchecker/ is good for color contrast checking
- https://www.oddcontrast.com/#p3__color(display-p3_0.95396_0.90414_0.82164)__color(display-p3_0.29951_0.22348_0.20055)
- https://randoma11y.com/
- https://lab.artlung.com/root-color-properties-editor/ allows you (in FF or Safari) to edit :root color properties such as on Zachary's site
- App for Windows + Mac https://www.tpgi.com/color-contrast-checker/
- input[type=range] https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range
- Michael has a tool on his site that adjusts a style attribute on the HTML element to set the filter: filter: brightness(101%) contrast(107%) sepia(0) brightness(100%) hue-rotate(-8.4deg)
- https://coolors.co/ was mentioned in the most recent FrESH as a tool to explore color palettes
- Named colors have consistent RBG definitions https://developer.mozilla.org/en-US/docs/Web/CSS/named-color - but the appearance of color on an individual screen depends on eveything in your operating system, monitor hardware, monitor settings, ambient light in the room, and is also affected by the visual abilities of the viewer
- James wants to experiment with a pink theme one day
- James also wants to do a cherry blossom theme
- How many colors do we have in our site themes?
https://www.youtube.com/watch?v=9kaIXkImCAM
Needs more documentation, but this was the origin of my thoughts to bring a custom spreadsheet to websites: https://github.com/carrvo/BinaryCmdlet-Demos/tree/master/PSGUITest
- "Make it a sticker"
- Being a user of your own website; pride in how your site looks
- - Manny
- Browsers are good at working with incorrect / not semantically valid code
HTML "Living Standard" Index: https://html.spec.whatwg.org/multipage/indices.html#elements-3 Validation: https://validator.w3.org/nu/?doc=https%3A%2F%2Fmandarismoore.com%2F
- https://en.wikipedia.org/wiki/Robustness_principle
- In computing, the robustness principle is a design guideline for software that states: "be conservative in what you do, be liberal in what you accept from others". It is often reworded as: "be conservative in what you send, be liberal in what you accept". The principle is also known as *Postel's law*, after Jon Postel, who used the wording in an early specification of TCP.
- There are tensions in designing technologies: security, customisability, extensibility, user preferences, etc.
- https://www.cssbed.com/ was mentioned in FrESH #019 as "classless" CSS. events/2025-01-16-front-end-study-hall#Options_for_setting_up_a_site_quickly??
- James appreciated https://tetralogical.com/blog/2024/11/18/foundations-types-of-disability/ as an introduction to considering disabilities users may have when designing web pages.
- Pop up on publishing workflows
- Blocker of posting on website vs. Mastodon vs. elsewhere
- How do we choose what to write and where
- May relate to the idea of audiences: who do you want to see the post?
- RSS only posts?
- Everyone has a different approach to their publishing workflows
- https://www.mollywhite.net/micro/entry/202403091817
- What tools one uses / how one thinks about those tools
Random James note: does anyone have a page like https://www.mollywhite.net/verify/?
- https://werd.io/2025/i-want-you-to-do-these-four-things-right-now
- https://tracydurnell.com/2025/01/21/guiding-principles-for-my-website/