events/2024-04-03-hwc-europe

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

• Archived from: https://etherpad.indieweb.org/2024-04-03-hwc-europe

Participants

• Mark Sutherland
• Joe Crawford
• capjamesg
• Pablo Morales
• gRegor Morrill
• Template:andypiper
• Al Abut
• Tantek Çelik
• benji
• Template:jantuomi
• Template:Jj https://isgeek.net
• ... add names

Notes

• Welcome, everyone!
  • Happy Wednesday! :D

https://wita.glitch.me - Andy's simple landing page for an upcoming talk

• https://glitch.me - a service to make websites!

https://manuelmoreale.com/ for Andy. He has a highlighter effect for links

check the markup on your pages with https://indiewebify.me/ which will parse a page for what microformats are on the page

Markup to consider adding:

• rel=me rel-me
• hCard h-card

CSS tools to consider when styling iframes with videos in them:

• max-width: https://developer.mozilla.org/en-US/docs/Web/CSS/max-width
• width: clamp; https://developer.mozilla.org/en-US/docs/Web/CSS/clamp
• aspect-ratio: https://developer.mozilla.org/en-US/docs/Web/CSS/aspect-ratio

• PageSpeed Insights for performance testing: https://pagespeed.web.dev

A Twitter archive -> static site maker (may not be IndieWeb friendly, yet?)

• https://tinysubversions.com/twitter-archive/make-your-own/
• https://github.com/tweetback/tweetback Tweetback for archiving tweets in Eleventy

Request your data from Instagram: https://accountscenter.instagram.com/info_and_permissions/

Stories

• story
  • https://openstories.fyi/ stories specification https://github.com/dddddddddzzzz/OpenStories

Idea: are there any flashcard type / game type things for learning CSS (or any programming topic)?

• Joe Crawford suggested CSS Battle and Codepen
• Great organizing principle for learning in general - deliberate practice: https://jamesclear.com/deliberate-practice-theory
• A Single Div is tremendous: https://a.singlediv.com/

Intro web dev learning resources:

• CSS Battle: https://cssbattle.dev/
• https://developer.mozilla.org/en-US/curriculum/
• resumé#IndieWeb_Examples

https://read.cv is a no-algorithm career profile tool

view-source:https://jamesg.blog/resume/

• History of the web: https://thehistoryoftheweb.com/archives/

• "Semantic Web" just basically means caring about your html :) and not treating it as messy output :(
  • https://www.w3schools.com/html/html5_semantic_elements.asp
  • https://web.dev/learn/html/semantic-html/

• https://craigmod.com/

Pebble

• https://aaronparecki.com/2014/10/12/13/micropub-pebble-indiewebcamp
• https://www.wareable.com/smartwatches/rebble-review-pebble-web-services-6349

• JJ I love that you collect Transformers - https://www.lostlight.net/@jj/ . My own robots collection starts here: https://artlung.com/blog/tag/robots/

• CSS validator: https://validator.w3.org/nu
• Chrome's Dev Tools for CSS: https://developer.chrome.com/docs/devtools/css/

CSS debugging and validating

• Browser dev tools do a decent job warning if you mistyped a selector, if you "Inspect Element" the style panel should show the property crossed out or with a warning symbol. E.g. if you had `font-color: #000` it should be crossed out because the correct property is `color: #000`
• https://validator.w3.org/nu validate CSS by URL input or direct copy/paste

• Template:jantuomi uses Obsidian to publish his website: https://jan.systems/archive/deploying-the-garden

• Derek Sivers manifesto on tech independence: https://sive.rs/ti

• Jobs on "computing as an appliance": https://finance.yahoo.com/news/steve-jobs-described-apples-purpose-204120374.html
• Original interview in New Yorker: https://www.newyorker.com/magazine/1977/04/04/bytes-and-chips

• Cory Doctorow's site: https://pluralistic.net/

• Typora: https://typora.io

• EasyMDE: https://github.com/Ionaru/easy-markdown-editor

• https://jamesg.blog/kgl/#

• https://johnnydecimal.com/

• Unexpected source of advocating for creativity in structured ways: https://pragprog.com/titles/ahptl/pragmatic-thinking-and-learning/
  • Written from the original Agile/Rails crew
  • Biggest takeaway: learn to balance linear goal-oriented thinking with right-brained open-ended experimental work. And have a good balance of both, because linear thinking will shortcut the creativity in open-ended thinking.

• capjamesg suggested that Al Abut write a blog post about "creativity over organization": GTD, Obsidian, second brain vs writing, James' love of classification and his home-grown tool for exploring interesting new ideas amongst his writing.