Marty McGuire

Posts Tagged indieweb

2020
Mon May 25

A hole in browser Autofill support

If you've ever seen your browser automatically fill in your shipping address, or seen your iPhone offer to scan a credit card on an e-commerce site, you're seeing Autofill in action.

Autofill has been part of the WHATWG HTML Standard for some years now. This 2016 write-up by Jason Grigsby gives a pretty good sense of what can be done with it.

The spec describes ways that an HTML <input> element can use the "autocomplete" attribute to hint to the browser that it should offer to fill it with specific Autofill data, if the browser has it and if Autofill is enabled. There's a long list of values related to names, addresses, phone numbers, dates, and more. Additionally, since users might have more than one of a thing, these can be scoped with values like "home", "work", etc. It's possible to further group addresses by "shipping" and "billing", and even to group larger chunks of forms by named sections.

An example might look like:

<input name="home-street-address" autocomplete="shipping home street-address">

An IndieWeb use-case for Autofill

Web sign-in is a very IndieWeb concept where you sign into websites using your personal web address, rather than an email address or username.

The sign-in form for webmention.io asks you to sign in using a URL.

As with any repetitive tasks, typing my site's URL into these login forms gets annoying. My main browser (Firefox) is pretty smart. Autocomplete kicks in after I type a few characters from my URL and it will offer to fill in URLs that I've typed before. However, since most URLs start with "https://", autocomplete suggestions aren't very useful until I've typed out 9 or more characters (or if I start typing from somewhere in the middle).

Helpfully, "url" is one of the many attributes in the WHATWG Autofill spec! It's described like so:

Home page or other Web page corresponding to the company, person, address, or contact information in the other fields associated with this field

In theory, it should be possible for sites with Web Sign-in to improve this process with the help of the browser and Autofill. For example:

<input name="url" type="url" autocomplete="url">

Or more specifically, use your "home" (personal) URL:

<input name="url" type="url" autocomplete="home url">

It's my thinking that, with this in place, a browser should automatically suggest my URL without me typing anything at all!

A URL-shaped hole in Autofill

I tried this out by setting up url autocomplete suggestions on two different apps with Web Sign-in. (Specifically, my personal instance of Aperture, and the IndieWeb webring).

I then tried signing in and out several times to both sites, using the same URL each time. Browsers tested include Firefox, Chromium, and iOS Safari, all with Autofill enabled.

I am sad to report that none of the tested browsers attempted to automatically fill in the URL value. The extra autocomplete attribute didn't break the default autocompletion, but I still see it suggest every URL it knows about rather than learning one.

I have had trouble finding documentation on how specific browsers implement Autofill. One note in Jason's 2016 article suggests that browsers may need multiple "hints" before it will decide that a particular input is part of a group which should be auto-filled.

Another hint comes from Chromium's settings for managing Autofill data. This is what the form looks like for adding a new address:

Chromium address dialog with fields for name, street address, and more. There is no field for URL.

Notice a field that isn't there?

Wed May 20

IndieWeb NYC (aka Virtual HWC US East) Meetup 2020-05-20 Wrap-Up

IndieWeb NYC's meetup for May 2020 (also virtual Homebrew Website Club US East), met on Zoom from 6pm - 8pm EDT on May 20th.

Here are some notes from the meeting!

jmac.org β€” Moved to NYC and started attending local HWCs just before The Lockdown. Very interested in Webmention as a technology to connect websites to one another - but wants to improve the focus on how it can be used for real human interaction!

martymcgui.re β€” Long-time IndieWeb and NYC organizer. Been working on lots of random projects. Currently thinking about turning his pile of "read" posts, largely dumped from GoodReads, into more usable pages about what he's reading now, reading next, and read recently.

david.shanske.com β€” Long-time IndieWeb and NYC organizer. Been working on location features, aspirationally. Looking forward to a time when he can thrill audiences by reporting being in a location other than "Home".

Sandro β€” Has been building CMSes and more for years. Been working on some new stuff that works even offline!

Kevin β€” Worked w/ sandro at Limewire some years ago! Attended past HWC SF meetings in the Before Times. Has been calling into the West Coast virtual meetings, first time calling into East Coast. Wants his site (zootella.com) to publish to 3 places - webserver, local files, and Beaker Browser (just went 1.0!)

Mike β€” Did web development for years, then stopped, now back again! Learned about IndieWeb through Micro.blog community. Interested in making sure the software he develops is a "good IndieWeb citizen". Working on a kind of Meetup competitor.

jgregorymcverry.com β€” Long time IndieWeb and NYC organizer. Currently working on a website for a poetry radio show. Folks from all over the world can submit clips. It's wiki-based, but can also receive webmentions.

gRegorLove.com β€” In San Diego, but joining East Coast to see some new faces. Been out of IndieWeb-land for a bit but dipping toes back in.

kevinmarks.com β€” Long-time IndieWeb. Microformats co-founder with Tantek and has been blogging forever!

Colin (vonexplaino.com) β€” From the east coast... of Australia! Been working in the web forever, new to IndieWeb. Recently been working on a lightbox that works without JavaScript.

Other topics of discussion:

  • Kevin showed a demo of his site running locally on his hard drive, on his website, and inside Beaker Browser. (Here's the Beaker 1.0 beta announcement)
  • Talked a bit about how Beaker works. You make edits locally and then they are published from your own machine. Others on the Beaker network can share your site. Everything is signed with keys and content-addressable so you're the only one that can make changes to your published stuff.
  • Beaker left behind DAT in the 1.0 release, breaking old URLs. They promise to never do this again, though?
  • Kicks Condor did some good writing on Dat:// and how Beaker used it, as well as Duxtape, a tool that he built to share mixtapes over Dat.
  • Kevin Marks has done a presentation on Dat, as well! Went through it in the Zoom. Compares to Web Packaging, including issues with content-addressability like trying to apply copyright takedowns and censor content.
  • With so many tools, projects, protocols, and more available that solve different parts of the problems of self-publishing, how can we encourage more folks to pick them up and use them instead of silos?
  • Owning your own content and publishing compared to organic foods. It's more involved and expensive, and some folks see it as niche or unnecessary, but you get benefits for the effort!
  • Twitter rolled out a feature to control who can reply to specific tweets. Predictably, they were terribly smug about it.
  • Context collapse is a problem everywhere on the web, but it's such a deep problem on Twitter that maybe they can't claw it back. So, this feature is a maybe almost-good idea that won't actually help the folks who receive the most abuse.
  • There's a new microformats parser for JavaScript!Lots of interest in publishing it under an IndieWeb or Microformats umbrella to supersede the previous one (microformats-shiv?) which is some years out of date. Difficulty: need to track down who "owns" the Microformats account on NPM.
  • It passes a lot of the newly updated tests, includes support for mf2 and mf1, and more! Thanks to Jason Garber for kicking off some recent work there.
  • gRegor reviewed recent updates to php-mf2 that are very close to a new release!
  • jmac.org working on a command line tool called Whim (link?) to allow folks to receive and process webmentions. Hopes to have something for folks to play with in the next month. This was kicked off by a friend trolling him by sending webmentions and nudging him to support posting short notes to his own site.
  • kevinmarks.com is revisiting mention.tech to fix some issues with timing out on unresponsive pages.
Left-to-right, top-to-bottom: martymcgui.re, Kevin, david.shanske.com, kevinmarks.com, Colin, gRegorLove.com, Mike, kartikprabhu.com, jmac.org

Thanks to all who joined us! We will see you all again at our next IndieWeb NYC (aka vHWC US East) meetup online on June 17th! Keep an eye on indieweb.nyc or events.indieweb.org/tag/nyc for the exact date, time, and online location!

Sat May 2
↩ Replied to https://gregorlove.com/2020/04/represent-the-indieweb/
post from
Represent the #indieweb on your Animal Crossing island! To get your own, access the kiosk in the Able Sisters store and search for Design ID MO-5MDH-M0LJ-3MX1.
Marty's character in Animal Crossing wearing an IndieWebCamp t-shirt smiles while standing next to Blathers the owl. Biff the hippo complements Marty's IndieWebCamp t-shirt, crediting GRegor from RazzlDazzl.

Thanks to gRegor for the IndieWebCamp swag for Animal Crossing!

Fri Apr 17

IndieWeb NYC (aka Virtual HWC US East) Meetup 2020-04-15 Wrap-Up

IndieWeb NYC's meetup for April 2020 (also virtual Homebrew Website Club US East, met on Zoom from 6pm - 8pm EDT on April 15th. It was mostly NYC folks, with one joining briefly from Portland!

Here are some notes from the meeting!

jmac.org β€” writing about webmentions on fogknife.com. Learned a lot about them through sending a "strange" RSVP to an event at events.indieweb.org. The RSVP was a longer post, which also included an RSVP inside it. events.indieweb.org treated the post as both an RSVP and a blog post about the event. Jason enjoyed learning about moderating webmentions through that experience! He also accidentally reposted a bunch of links to IndieNews because his site moved from http to https, and those are "new links". Eek!

aaronpk.com β€” had some time between giving a workshop and speaking at allthetalks.online. can now post photos from his Nintendo Switch to his website by making a new Twitter account that is just for posts from his Switch, then setting up a cron task to pull and post new tweets to special tags on his site, like the #ACNH tag for posts from Animal Crossing New Horizons.

david.shanske.com β€” now a member of NOAA's Citizen Weather Observing Program (CWOP)! Making him an official weather source. Working on a large project of archiving IndieWeb event videos from YouTube to archive.org. Hopes to find interested in re-watching some older IndieWebCamp videos to reconstruct notes that were lost when Mozilla recently shut down their Etherpad instance.

martymcgui.re β€” Still posting one cat GIF per day during the COVID-19 shutdown in NYC. Recently started work on a "consolidated watch later" list using IndieWeb building blocks - mostly with microsub channels in Aperture as a queuing mechanism.

Other topics of discussion.

  • Home studios! aaronpk has a very nice setup with multiple cameras, switchers, and great lighting. Marty has some parts on order so he can use a DLSR as a webcam. GWG has a nice set up also!
  • Personal "this is how I IndieWeb" pages might be useful for helping on-board developers, since each is a personal setup and won't immediately be considered "expert advice". For example, Marty's page on the IndieWeb wiki. Starts at a very high level and adds more detail the further you read.
  • More open tests for Webmentions (beyond the strictly-plumbing webmention.rocks)
  • Sourcing home supplies in this time of lockdown. GWG recommends bidets.
Left-to-right: david.shanske.com, jmac.org, martymcgui.re

Thanks to all who joined us! We will see you all again at our next IndieWeb NYC (aka vHWC US East) meetup online on May 20th! Keep an eye on indieweb.nyc or events.indieweb.org/tag/nyc for the exact date, time, and online location!

Thu Mar 19

IndieWeb NYC (aka Virtual HWC US East) Meetup 2020-03-18 Wrap-Up

IndieWeb NYC's meetup for March 2020, which was also Virtual Homebrew Website Club US East, met on Zoom from 6pm - 8pm EDT. Folks joined us from New York, Connecticut, San Diego, San Francisco, Los Angeles, Toronto, London, and Berlin!

Here are some notes from the meeting!

gRegorLove.com β€” gRegor is calling in from San Diego! Was at the recent IWC Austin. Currently working on updating site the header across his site to make it more responsive and now to be more consistent across his pages. He's also been playing w/ typography and vertical rhythm. More notes on that below!

martymcgui.re β€” Marty has not worked much on IndieWeb projects recently. Currently doing an Eternal Caturday project, posting one animated cat GIF per day while staying home and "social distancing".

svenknebel.de β€” Sven joins from Germany (where he is up late). Slowly getting back into IndieWeb projects via text files he wrote sometime around 2018. Looking over items labelled "really need to be done at some point".

cheuk.dev β€” Cheuk joins from London (and is also up late). Co-organized the IndieWebCamp London online event last weekend and learned a lot. Working on adding more IndieWeb building blocks to her site.

tiaramiller.com β€” Tiara is working on un-breaking how she updates her website. Also working with a Long Island Women in Tech group, helping make a sign-up page to automate invites to their community Slack. Her jobs is still making her go to work in person rather than work from home!

dmitri.shuralyov.com β€” Dmitri is currently joining from Canada! Worked on his website last weekend. Wants his iteration speed to be faster than industry change, but that wasn't true for the issue tracker that he runs on his site. It has a public API that he doesn't want to break for other people. Now forking that feature to his own site so he can make changes.

david.shanske.com β€” David remote participated in IWC London and has a lot of new projects! Currently working on making the links on the top of his site match those at the bottom.

tantek.com β€” Tantek is staying in under a shelter-in-place order in SF! His work is very virtual already, but he is now seeing almost no humans. Most recent site update was adding a recent photos grid to the sidebar on his site's front page during IWC Austin. Still posting (positive) photos every day!

mfgriffin.com β€” Matt maybe broke his indieauth/relmeauth setup for the IndieWeb wiki? Looking to fix that so he can go through his TODO list there. Wants to pick something to finish during this meetup!

jmac.org β€” Also fogknife.com. Jason is in NYC now and helping organize IndieWeb events. Learned of IndieWeb ~2 years ago, specifically interested in webmention. So much so that he wrote a Perl module for it! Builds his own CMS Plerd and wants to add webmention to it this summer in a way that other folks might be able to use. So far he has something like a clone of webmention.io that works as a command line utility.

jgregorymcverry.com β€” Greg had a productive IWC London. Added CSS subgrid (now supported in Firefox) to the article cards on his site. Also added fluffy's webmention.js to his article pages so his site now displays webmentions! He thought it would be harder. Spending his time now making lots of videos and posting them as he tries to make tutorials for teachers who must now teach online. Recently added bittorrent links to his videos because they're eating up a lot of bandwidth on his shared host.

boffosocko.com β€” Chris joins us from LA! Been working on a TiddlyWiki for his own site. He is interested in using it as a Commonplace Book, taking notes on all sorts of things, and wants to add proper microformats2 and webmention support so his wiki can interact with those of others!

Drew β€” Joins us from Connecticut (and often attends HWCs organized by jgregorymcverry.com). Drew is a preschool teacher and is working on his district's website. Also working on mcweeneyaquaticconsulting.com and demoed some of the layout features he's been working on.

Other topics of discussion:

  • Vertical rhythm and typography! gRegor has been learning about it for his site and found several interesting resources:
  • A philosophical question: what are our websites? Replacements for ourselves?
    • Ben WerdmΓΌller used to have a voice-controllable bot on his website that answered questions about him. It seems to be gone now?
    • Would a historian be able to understand "who you were" by your website alone?
  • Storing webmentions! Jason is working on a new project that "would work for no one else but works for me". It was inspired by some brainstorming by Tantek and others on the IndieWeb wiki.
  • How do all the IndieWeb bridges work for IRC, Slack, Matrix, etc? IRC is Freenode, the web and Slack bridges are community projects maintained by Aaron Parecki, Matrix.org runs a Freenode bridge for Matrix users, the Discord bridge is maintained by another community member.
  • EXIF metadata - there are a lot of incompatible versions of it with a lot of special-case handling!
  • Is Kicks Condor okay? We are pretty sure the answer is yes. We definitely want him to continue work on Fraidycat!
  • Demos!
    • Jason showed the storage folders and format (UUID folder names with "webmentions.json" files). Previously these were serialized Perl objects!
    • Dmitri showed his latest issue tracker.
    • Marty showed his Eternal Caturday feed, and demoed a test page for David showing location info on a post extracted from a photograph's EXIF metadata.
A screenshot of the Zoom video conferencing app with 11 smiling faces.
Left-to-right, top-to-bottom: cheuk.dev, martymcgui.re, tiaramiller.com, dmitri.shuralyov.com, david.shanske.com, tantek.com, jgregorymcverry.com, svenknebel.de, mfgriffin.com, gRegorLove.com, jmac.org

Thanks to all who joined us out! We will see you all again at our next IndieWeb NYC (aka vHWC US East) meetup online on April 15th! Keep an eye on indieweb.nyc or events.indieweb.org/tag/nyc for the exact date, time, and online location!

Thu Feb 20

IndieWeb NYC Meetup 2020-02-19 Wrap-Up

IndieWeb NYC's meetup for February 2020 met at Think Coffee on Mercer St on January 25th around 2pm.

Here are some notes from the meeting!

jmac.org β€” Is now in NYC for the foreseeable! Looking forward to more IndieWeb events in NYC. Put up a "Now" page in December, and ended up chatting with the person who recently started the trend of making Now pages. Has been dusting off his Perl modules like Web::Mention and Web::Microformats. Also has some publisher interest and a draft outline for an introductory book on Webmention!

dmitri.shuralyov.com β€” Has wrapped up his work on building IndieAuth into his site so that other folks can log in using their own domain as their identity. He's now getting back to making improvements to his Go projects issue tracker. The first step there is to pull his projects off the public version of his issue tracker into a new private one so he can iterate on it quickly without affecting other users. He's also been playing with various databases available to Go and is leaning towards not worrying about selecting one now. Instead: keep content in memory and don't let your server process die. πŸ˜‚

filippo.io β€” First time at an IndieWeb event! His day job is security for the Go language project. At the meetup tonight he added links to his site to enable RelMeAuth, which let him log into Dmitri's website using his own website as his identity!

aaronparecki.com β€” Spent lots of time getting his new open source events service Meetable in shape to be as easy as possible to install. He built configuration wizards to help walk through the setup process on shared hosting, and automated away even more of the work when you launch it on Heroku! Aaron also recently updated his /photos to include captions when you hover over them. This helps them show up correctly on micro.blog so he can be part of the February photo challenge. Aaron also showed off SIMTRACKER β€” a WiFi e-Ink badge he's been working on that pulls an automatically-generated image off his website to summarize his recent activity, including food, drink, sleep, time away from home, phone battery, and more. Oh, and he published a new book 😏.

martymcgui.re β€” Not a lot of work on his own site, but recently built a single-use "random job placement" website for a friend who is launching a book about an absurd journey through temporary work. Marty complained that the work he did on indieweb.nyc was largely made obsolete by Aaron's excellent Meetable project β€” folks can follow IndieWeb Events in NYC on events.indieweb.org/tag/nyc/. He has hopes to continue working on the project site, eventually getting live updates from Meetable. At the meeting Marty set up a copy of Meetable with Aaron's help, largely to test out the setup workflow, but maybe to post improv shows... Marty also wants to improve, document, and encourage folks to build on the Microsub-powered photo frame he built on an Adafruit PyPortal so long ago, particularly how he got the low-powered touchscreen device to work with IndieAuth through an IndieAuth Device Flow Proxy.

Other topics of discussion:

  • !!con (Bang Bang Con) is happening May 9th-10th in NYC. The call for proposals for 10 minute lightning talks is open! Proposing a talk means you're guaranteed a ticket to the event!
  • We may try new venues for IndieWeb NYC meetups, including Columbia University (near Broadway and 125th St) and the Ability Project at NYU (Brooklyn near MetroTech).
  • Filippo doesn't like JSON Web Tokens, publicly, because they are too easy to configure insecurely. Aaron warns that they are getting baked deep into a new draft of some OAuth spec. 😬
  • Some discussion was had about verifying two-way links between your homepage and your silo account for RelMeAuth. When making indielogin.com, Aaron decided to verify that the silo account links back after the user has logged in to their account β€” primarily because using the silo's API is so much more reliable than trying to scrape their silo profile information.
  • Is This Week in the IndieWeb Audio Edition coming back? Not right now, but Marty reminds everyone that he documented in detail how he summarized the newsletter content into a podcast script each week. Reading all the updates and making the summaries is the most time-consuming part of making the podcast. Perhaps some tooling and collaborators could make this process more incremental as new articles, events, and wiki content appear?
  • Aaron walked Marty through the process of setting up a new instance of Meetable on Heroku and it went pretty dang smoothly, though there was one server error speedbump. There's already a GitHub issue for it.
  • Maybe Aaron will work on making IndieLogin easy to self-host, soon??
  • Aaron recently experienced a weird bug with yellow streaking in low-light photos on his iPhone. Searching around indicated that other people had experienced the same thing ... and that it went away with the latest software update. Strange errors in HDR processing? It's weird that cameras are computers.
  • Everybody loves WireGuard as a magic-feeling VPN tunnel thing. Aaron recently got it working on his home network without running the WireGuard software on his router(s). He plans to write this up soon!
5 attendees smile at the camera, huddled around a small table with laptops on it in a busy coffee shop
Left-to-right: filippo.io, dmitri.shuralyov.com, jmac.org, martymcgui.re, aaronparecki.com

Thanks to all who came out! We will see you all again in March! Keep an eye on indieweb.nyc for the exact date, time, and location! You can subscribe to the calendar there to receive automatic updates!

Mon Feb 3

Thanks to Ruxton for making available the source to the IndieWeb Best Nine, here are my “Best 9 Photos of 2019”.

The app walks your personal website, looking for photo posts, then makes a collage of the best nine. “Best” is determined by most IndieWeb likes or replies.

I initially tried to use the online version, but ran into some issues, so I grabbed the source and started tweaking it to handle some quirks of my site.

  • My monthly archives contain next/prev links that can be used to crawl my whole archive, but I don’t consider e.g. /2019/01/ to be a “feed”, so it’s just a collection of h-entry items. I updated the microformats2 crawler to support pages that are a collection of h-entry without a containing h-feed.
  • Counted replies marked up as ‘comment’ rather than ‘reply’.
  • Changed the resulting image size to fit more with my site’s layout.
  • Filtered out comments from myself, as well as automated comments on my checkins from Swarm via OwnYourSwarm.
  • Added cropping to make non-square images square.
  • Added some debugging to spit out my posts and their interaction counts.

Here are the links to the individual top 9 photo posts!

You can find my modified version of indieweb-bestnine on GitHub!

Sun Jan 26

IndieWeb NYC Meetup 2020-01-25 Wrap-Up

IndieWeb NYC's meetup for January 2020 met at Think Coffee on Mercer St on January 25th around 2pm.

Here are some notes from the meeting!

dmitri.shuralyov.com β€” Made even more progress on integrating IndieAuth into his site! In addition to letting people log in to his site with GitHub profile URLs (github.com/username), he has finished changes to allow folks to log into his site with their own URLs via IndieAuth. Along the way he learned a lot about and contributed to the IndieAuth spec! He wrapped up and deployed it at this meetup!

martymcgui.re β€” Since last time, create a very minimal indieweb.nyc site for folks that want to track IndieWeb events in NYC. This was just a few week's ahead of Aaron Parecki's launch of events.indieweb.org. πŸ˜‚ Marty plans to continue updating indieweb.nyc but now has the events there link to events.indieweb.org.

Other topics of discussion

Left-to-right: martymcgui.re, dmitri.shuralyov.com

Thanks to all who came out! We will see you all again in February! Keep an eye on indieweb.nyc for the exact date, time, and location! You can subscribe to the calendar to receive automatic updates (webcal link)!

2019
Sat Dec 28

Are you a member of the πŸ•ΈπŸ’ IndieWeb Webring? Today I added a page for Terms of Use and Frequently Asked Questions!

The webring has mostly been churning along on its own, with a few folks adding themselves here and there. A couple of times folks have shown up in IndieWeb chat to let me know about sites that break the webring, or when they ran into other issues.

Hopefully this page answers some of the more common things that come up. The TL;DR version? The webring is more proof-of-concept than robust-community-service. I’ll do my best, but can’t make any promises! πŸ˜…

If you have any questions that aren’t addressed there, please let me know!

Mon Dec 23
β˜‘ RSVP'd to an event https://2020.indieweb.org/summit
post
IndieWeb Summit
The tenth annual gathering for independent web creators of all kinds, graphic artists, designers, UX engineers, coders, hackers, to share ideas, create and improve their personal websites, and build upon each others creations.
I'm not attending.

Update 2020-05-18

As with most in-person events, IndieWeb Summit 2020 has been cancelled.

I’ll be sad to miss out on a fun weekend-and-a-day-or-two time to catch up in person with some great IndieWeb community folks, collaborate on projects, and draw inspiration for my own site.

Thankfully, as a group of folks with a web-focus, there is plenty to keep up with online!

In fact, you can join us at one this week on Wednesday May 20th from 6-8pm US Eastern!

https://events.indieweb.org/2020/05/online-indieweb-meetup-nyc-vkY32vBfCTEJ

post
ONLINE: IndieWeb Meetup NYC
Join us... on ✨The Internet!✨