events/2024-04-17-hwc-europe

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

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

Participants

• Mark Sutherland
• Sara Jakša
• Al Abut
• Joe Crawford
• Angelo Gladding
• mandaris
• benji
• gRegor Morrill
• Tantek Çelik
• Todd Presta
• Add yourself here… (see this for more details)

Notes

• Mark Sutherland this week updated his list lists, the vinyl, books (not yet shown), movies and beers: https://marksuth.dev/collections - just curates the posts, that are already posted, but not based on the post types - most data was imported from other sites

• IndieWeb Carnival: indieweb-carnival
  • h-feed that can be turned to RSS feed with the granary: indieweb-carnival/feed

• Front End Study Hall - an event next week: https://events.indieweb.org/2024/04/front-end-study-hall-FHS5M2AofkU4 April 24, 20 - Joe Crawford is organizing the first one and his blog post is https://artlung.com/blog/2024/04/15/front-end-study-hall/ - the intent is to learn CSS together - bring your questions, layouts giving you trouble, things you're interested to learn and we can study and learn to make good CSS and HTML together!

• Al Abut made a single page html/css tutorial called Half Naked CSS: https://alabut.com/projects/halfnaked/ (very early prototyping as of yesterday, feedback welcome!)
  • part of the "View Source Tutorials"
  • Risque CSS Day? (nice rhyme) - gRegor Morrill
  • Channeling the idea of "literate programming" as a self-referential document: https://en.wikipedia.org/wiki/Literate_programming
  • https://secretgeek.github.io/html_wysiwyg/html.html
    • sample demo with checkbox: https://www.sploot.com /naked.html
  • Guidelines for readable CSS comments: https://github.com/necolas/idiomatic-css
  • http://motherfuckingwebsite.com/
  • http://bettermotherfuckingwebsite.com/
  • https://perfectmotherfuckingwebsite.com/
  • https://everybootstrap.site/ (tongue-in-cheek examples of what probably constitutes the bare minumum needs for a typical website)
  • https://www.laurasstories.live/ (personal website of an adventure journalist with a simple Bootstrap-style format, yet possibly still a little too advanced for most CSS tutorials)

• Derek Sivers' Tech Independence: https://sive.rs/ti (inspired Ros to go indie and can set up a server instead of Dropbox)

• Small Flex vs Grid CSS sample : https://codepen.io/artlung/pen/VwNEKOB

• Bookmarklets for debugging a website - some from Jeremy Keith which he shared at IWC Brighton https://adactio.com/journal/20965

• 3D view of a webpage was removed from Firefox https://firefox-source-docs.mozilla.org/devtools-user/3d_view/index.html but was very nice for visualizing all the parts of a webpage
  • bookmarklet version: https://gist.github.com/OrionReed/4c3778ebc2b5026d2354359ca49077ca

• Recollections of WYSIWYG web page editors for example https://en.wikipedia.org/wiki/Netscape_Composer

Hey everyone! - James I hope HWC is going well and that you are all having fun!

• Yes!
• We've mentioned you a few times James! Ros loves the commenting in your HTML.
• Why thank you! - James

CSS syntax highlighting:

• https://bugzilla.mozilla.org/show_bug.cgi?id=352331

Zen overlaps with beginner's mind and indie maker mindset:

• Todd Presta's favorite Zen book: https://www.amazon.com/Zen-Mind-Beginners-50th-Anniversary/dp/1611808413
• Al Abut's favorite Zen book by his bedside: https://happiness-beyond-thought.com/
• Mark Sutherland has a Zen garden Lego set: https://www.lego.com/en-us/product/tranquil-garden-10315

Old joke: How do programmers remodel a kitchen? They build a new one right next to the old one.

Popcorn maker as a weapon: https://www.youtube.com/watch?v=-1_ViBGFr6w

The group is noodling on the idea of "digital makers" as a nice introductory phrase that makes the indieweb more approachable and understandable, compared to terms like "coding".

https://chat.openai.com/share/6574c833-62c5-4619-84e1-60226e156267

https://geojson.io/

rubber ducky livestreaming

https://ragt.ag/media/R8jq.mov

It might be fun to review old web books to see how they hold up and fit with Tthe "what's old is new again" vibe of teaching HTML these days.

• Mark Sutherland showed his well-worn copies of:
  • https://www.amazon.com/Bulletproof-Web-Design-flexibility-protecting/dp/0321509021
  • https://www.amazon.com/Activators-Your-Website-Bill-Thompson/dp/034073650X

Fun website to teach kids to build websites: https://usborne.com/us/quicklinks/quicklink/build-your-own-website-for-beginners-us

• Angelo Gladding is working on a travelogue about hikes up to Inspiration Point.
  • Naz Hamid is a designer that does time-bound newsletters that he writes from the road while overlanding and road tripping, much like Craig Mod's walking tours of Japan.
  • https://nazhamid.com/newsletter/

• Al Abut is exploring the formats of vertical videos and stories
  • https://alabut.com/drafts/neighborhoodrides/ (a test page with 3 vertical videos from a recent Instagram story, embedded into a simple scrolling blog post)
  • https://openstories.fyi/ (open format for story-like slideshows)
  • https://muan.co/ (examples on the developer's website)

---