An informal mnemonics podcast

I started out using Huffduffer to collect a handful of podcast interviews with LynneKelly on her work with mnemonics, but noticed a handful of others that had already been using various tags like “memory” and “mnemonics” on the service as well.

While I know there are some podcasts dedicated directly to memory, most of the ones I’ve tagged/highlighted in my list are one-off episodes or radio interviews that stand alone. I’ve also gone through a few past posts on the forum about podcast episodes relating to memory and tagged them as well.

I’ve seen a dozen or so other posts on the forum here in which people have mentioned particular podcasts, so I’ll mention that Huffduffer is a great audio-based web tool for finding, discovering, and collecting audio content. It also provides iTunes subscribe-able audio feeds for every account, collective, and even tag on the site.

If you’re interested in the topic of “mnemonics” you can subscribe to the public RSS feed on Huffduffer and you’ll automatically be updated in your podcatcher of choice whenever anyone else in the community uses Huffduffer and tags an audio file with the same “mnemonics” tag.

Happy listening and collecting.

On the caustic focus on temporality in social media

In thinking about the temporality of social media, I’ve realize that sites like Twitter and Facebook focus incredibly hard on the here-and-now. At best you may get a few posts that go back a day or two when reading. I find it’s very rare that anyone is interacting with my tweets from 2010 or 2013, and typically when those are being liked, it’s by bots trying to give themselves a history.

We’re being trained to dip our toes into a rapidly flowing river and not focus on deeper ideas and thoughts or reflect on longer pieces further back in our history.

On the other hand, reading more and more from my variety of feed readers, I realize that on the broader web, I’m seeing people linking to and I’m also reading much older blog posts. In the last few days alone I’ve seen serious longform material from 2001, 2005, 2006, 2011, and 2018 just a few minutes ago.

The only time I see long tail content on Twitter is when someone has it pinned to the top of their page.

Taking this a level deeper, social is thereby forcing us to not only think shallowly, but to make our shared histories completely valueless. This is allowing some to cry fake news and rewrite history and make it easier for their proponents to consume it and believe it all. Who cares about the scandals and problems of yesterday when tomorrow will assuredly be better? And then we read the next Twitter-based treat and start the cycle all over again. 

A manual tweak for icons in the Syndication Links plugin

I’m not sure why I had never manually done the fix before, but I’ve had issues1 2 with the Syndication Links plugin showing icons for the reading.am service and my old chrisaldrich.wordpress.com site, which I primarily use as a pseudo-mirror/backup to my primary site. I figured there had to be a way to force them in instead of relying on the set up to process the links and show something. Reading.am doesn’t work because there isn’t an svg available for it and though there’s a WordPress icon, the plugin’s parser doesn’t seem to be able to recognize the subdomain properly.

Within the code at class-syn-link-domain-icon-map.php, I added the following two lines to the obvious spot in the list within the code to fix the icon issues I was having:

'chrisaldrich.wordpress.com' => 'wordpress',
'reading.am' => 'book',

I then reuploaded the edited file to my server. Essentially I’m hard-coding the domain name and the default icon I’d like to have the plugin display.

If the plugin is updated, I’ll obviously have to manually add them again, but the disappearance of the icons again will be pretty obvious and this post will document the necessary changes.

Although upon tweaking this I’m noticing that the reading.am icon isn’t working (I also tried ‘website’ instead of ‘book’ but that didn’t work either). Perhaps the .am tld is causing an issue? Alas…

I suspect that there’s some other bug hiding in the works as one or both of the two types of links above should default to the generic ‘website’ icon when a syndication link exists, but the system isn’t able to specify a particular icon. There may be some small if/else bug hiding in the logic of the plugin.

Some recent work in the feed reader and discovery space

I’ve noticed a lot of quiet, but very interesting and heartening feed reader and discovery work going on in the IndieWeb and related communities lately, so I thought I’d highlight it briefly for those who are interested in the topic, but may not have been following as closely:

  • Inoreader has been working on a beta product that will make following social feeds in Twitter, Micro.blog, the Fediverse, and even IndieWeb sites with h-entry easier and prettier.
  • Kicks Condor has been iterating and doing some interesting work on the FraidyCat reader over the past few weeks.
  • Malcolm Blaney has a fantastic little feed reader in his Unicyclic site (not to mention that he’s also got a cool looking IndieWeb as a Service site with i.haza.website that I desperately want to have time to try out).
  • The volume of different and interesting content going into IndieWeb.xyz as a discovery hub has been increasing lately.
  • I’ve been admiring the discovery/aggregation work of Terry Greene on his OpenLearnerPatchbook and OpenFacultyPatchbook sites within the education space.
  • CJ Eller and others have been contributing to Blogging Futures as an extended online conversation in the form of an aggregated blogchain.

And none of this even touches on the excellent continuing work on Microsub readers which continues to astound me. Even with all of this activity, I’m sure I’m missing some fun little gems, so please don’t hesitate to mention them.

Narwhal Microblog Plugin for WordPress: Quickly Posting Notes to your IndieWeb Site

This morning, after reading a brief, but interesting snippet in the IndieWeb WordPress chat from last night, David Shanske made me think about an old itch I had to have a quicker and more stripped down posting interface for notes on my website. I immediately thought of WordPress’s P2 and 02 themes/products which had a built-in simple posting interface reminiscent of Twitter’s UI. 

Screencapture of Twitter's simple posting interface

Not wanting to wait to see what David might come up with before the next couple of IndieWebCamps, I thought I’d at least do some research to see what was hiding in the good old WordPress repository. I found a few old plugins that were roughly the sort of idea I was looking for, but they were last maintained about 8-10 years ago. 

Then I came across the Narwhal Microblogging plugin from Billy Wilcosky, which is being actively developed/maintained and has almost exactly what I’m looking for!

Screencapture of the Narwhal microblogging plugin user interface

Apparently the plugin itself had an early simple start before the developer came across Jon Smajda’s plugin Posthaste which was apparently repurposed for the Prologue/P2 code that WordPress used for that product/theme. He’s since rewritten a large chunk of it based on Posthaste’s original code and added in some basic formatting options and the ability to add media, so one can post a quick note along with a photo.

Settings for the plugin are hiding in Settings << Writing admin interface (or at the path /wp-admin/options-writing.php on your website) which includes the ability to choose which pages to display the “widget” and allowing one to hide the title, tags, categories, draft seclector, one’s Gravatar, and the Greeting and Links. I’d personally pare my version down to just provide tags, categories, and the draft options to keep the interface as clean as possible.

Screencapture of the settings for the Narwhal plugin

Finally the developer notes that within the user interface “if you leave the ‘Category:’ box at its default setting it posts to your default category. However… If you have a category named ‘asides’, it will put posts with empty titles into the ‘asides’ category even if you do not explicitly specify the ‘asides’ category in the dropdown. You can then style them as asides.”

This is the view of the posting interface on my site after paring it down to my personal bare minimum.

Benefits

I’ve already discussed some of the immediate benefits for easily and quickly posting directly from my own website. Just below I’ll add a few others.

Most importantly for me at the moment, the plugin works with the Classic Editor in WordPress. The interface also only shows up when one is logged into their website, so visitors won’t ever see it.

Titleless posts

The plugin automatically takes the first 40 characters of your note and posts that into the title field, so you don’t have to bother with it. Sadly, this means that feed readers and other services will take your status updates and give them a title. (Though in the wild, most feed readers do something like this anyway. I am hearing strong rumors that Inoreader is about to have better support for social media-like posts soon.) For those using the plugin for IndieWeb use and prefer to keep their notes/asides/status updates titleless, you can spelunk into the code pretty easily and make a quick change which the developer kindly documents in his support page:

But, if you want to modify the title character limit it is easy to do.

  1. Go to this plugin’s folder and open the narwhal-microblog.php file.
  2. In this file you will see a line for this max character limit and you will see the number 40. You could just increase it to something like 100, 3500, or 999999. Depending on how long you are willing to let your titles get.

In my case, I think I’ll just decrease the character limit to 0 and then rely on the Post Kinds plugin to add it’s customary pseudo-title to the admin interface on my back end so that I can distinguish my posts in the posts pages.

UI suggestions

The category chooser could be a little cleaner and provide a dropdown of all my pre-existing categories with the ability to select multiple ones. I suspect that somewhere in the WordPress universe there’s a way to do this even if it means swiping a snippet of code from core’s editor.

The basic text box for entering text could be a bit smaller on the page to accept 2-4 lines of text since it’s meant for short posts. As it stands now, it defaults to 10, but it also smartly already has a slider that appears when you type more than the available number of lines and it also has a handle in the corner to allow you to increase the boxes size.

I’ve mentioned doing natively titleless notes above, but to make things a bit more user friendly, it would be nice to have the ability in the settings page to enter a number for the text excerpt, so that users could configure it without needing code. I suspect that most in the IndieWeb space would set the title excerpt to zero so as to not have titles on their notes.

It will take me some time to dig into it, but it would be nice if the developer had some notes about the CSS classes used in the plugin so that one might more easily style the display of the output on one’s website. Fortunately the defaults to match one’s current theme seem relatively solid.

At present, there isn’t any UI for including syndication targets to external services like Twitter, Mastodon, etc. It would be nice if there was some tie into syndication services or functionality like that provided with Syndication Links plugin and brid.gy publish or brid.gy fed if those pieces are present.

The last dovetail that would be nice to have, particularly within an IndieWeb framing, would be to have better direct integration of this plugin with the Post Kinds plugin. This could extend to auto-setting the post kind to “note”, which should in turn allow the automatic setting of Post Formats to either “status” or “aside”.

Summary

In sum, this plugin is really fantastic for allowing a simple and lightweight means of posting quick status updates or notes to one’s WordPress website! It’s the next best thing to using any of the variety of Micropub clients, particularly when you already happen to be at your own site.

I suspect this plugin is the sort of thing that many within the IndieWeb and WordPress communities will love using–and at least one person in the chat has already said they think it’s a great find. There are currently less than 10 active installations of the plugin, but I think it deserves a magnitude or more. Let’s see what we can do about that!

Have you tried it? What do you think of the idea?

Comparing Inoreader’s user interface for their internal tweets versus RSS tweets

For a long time I’ve been consuming the majority of my Twitter feed within various feed readers. My most frequent feed reader is Inoreader, though I’ve been experimenting with and using some IndieWeb influenced microsub-based feed readers for quite a while.

Earlier today I thought I’d try out Inoreader’s Twitter integration and subscribe to some of my twitter lists using that instead of importing feeds directly from outside services. (I’ve been a big fan of using Ryan Barrett’s Twitter-Atom and related tools.) One of the things that had always bothered me about third party RSS feeds into most feed readers is that the author of the post is in such tiny text and there is no avatar indicator of who wrote the post. As a result I’m stuck spending a lot more cognitive load trying to discern the author of a tweet before or after reading it. It just boils down to less than optimal user interface.

Fortunately Inoreader seems to have a slightly better method for doing this (since they control the user interface and are presumably using the Twitter API). Within their reader, Tweets look a tad bit more standard with respect to the usual Twitter client and include an avatar and the name of the author in larger font. Sadly, though they have control over the UI, they’re still including a bolded version of the the text of the tweet as a title and thereby needlessly duplicating some of the content. It would be far better for notes, status updates and other content that typically doesn’t have (or need) a title if they would simply just leave it out. They could then use the extra space to have a larger font for reading the short status update. In fact, most of the IndieWeb-based feeds I read in Inoreader have these unnecessary titles included which typically not only look bad from a UI perspective, but they again needlessly duplicate content I don’t need.

Below I’m including screenshots of the two different methods of reading Tweets via Inoreader. I’m also including a screenshot of how Tweets look like in Monocle when fed in via the same Atom feed that was used in the Inoreader case. In Monocle’s version, it’s got a nice larger and easier to discern author name, but it too is missing the author photo (or avatar), in part because the feed doesn’t include it as a default. I suspect that if the feed included it, Monocle would display it properly though the Inoreader version probably wouldn’t. The Monocle version also includes a copy of the photo in the Tweet twice because the feed adds it in a second time as an enclosure.

UI example of a tweet within Inoreader using their native Twitter support.
UI example of a tweet within Inoreader imported using a third party RSS-based client.
UI example of a tweet within Monocle imported using a third party RSS-based client.

For completeness, I’m including the text of the Atom feed for this particular tweet so that we can see what is or isn’t being included in the Inoreader and Monocle versions.

<entry>
<author>
 <activity:object-type>http://activitystrea.ms/schema/1.0/person</activity:object-type>
 <uri>https://twitter.com/BigHistoryPro</uri>
 <name>Big History Project</name>
</author>
    <activity:object-type>http://activitystrea.ms/schema/1.0/note</activity:object-type>
  <id>https://twitter.com/BigHistoryPro/status/1195385992728985600</id>
  <title>In an ideal world, you’d have 1-on-1 time with every student to discuss every...</title>
  <content type="xhtml">
  <div xmlns="http://www.w3.org/1999/xhtml">
In an ideal world, you’d have 1-on-1 time with every student to discuss every aspect of every writing assignment. With BHP score, you come close. <br />
<a href="https://bh-p.co/2N1xopV">bh-p.co/2N1xopV</a>
<p>
<a class="link" href="https://twitter.com/BigHistoryPro/status/1195385992728985600">
<img class="u-photo" src="https://pbs.twimg.com/media/EJbdObjXkAQ6QNw.jpg" alt="" />
</a>
</p>
  </div>
  </content>
  <link rel="alternate" type="text/html" href="https://twitter.com/BigHistoryPro/status/1195385992728985600" />
  <link rel="ostatus:conversation" href="https://twitter.com/BigHistoryPro/status/1195385992728985600" />
      <link rel="ostatus:attention" href="https://bh-p.co/2N1xopV" />
      <link rel="mentioned" href="https://bh-p.co/2N1xopV" />   <activity:verb>http://activitystrea.ms/schema/1.0/post</activity:verb>
  <published>2019-11-15T17:00:04+00:00</published>
  <updated>2019-11-15T17:00:04+00:00</updated>
  <link rel="self" type="application/atom+xml" href="https://twitter.com/BigHistoryPro/status/1195385992728985600" />
      <link rel="enclosure" href="https://pbs.twimg.com/media/EJbdObjXkAQ6QNw.jpg" type="image/jpeg" />
</entry>

In sum, I generally like the UI of the Inoreader version, though they could still do with removing the redundant and unnecessary title. The Monocle version is likely the best, but I’d need to find a feed method that also includes the avatar to have a better representation of the original Tweet. Even with these differences, I think I tend to prefer Monocle at the end of the day because it also automatically includes Micropub functionality which means that I can post my reactions (likes, reposts, or comments) directly to my website and syndicate copies directly to Twitter. (This is also in consideration of my previously having set up some separate functionality for forcing Inoreader to allow me to post some of this same sort of data to my website by other means.)

Has anyone found better/prettier or more useful ways of consuming Twitter in third party means while allowing one to own their data?

On Blogging Infrastructure

I’ve been reading through a series of essays on Blogging Infrastructure that are part of CJ Eller’s Blogging Futures. There are some interesting ideas hiding in there including the idea of a blogchain, which appears to have originated on Venkatesh Rao’s site Ribbon Farm. As best as I can tell it amounts to linking series of blog posts by potentially multiple authors into a linear long form piece. It reminds me of the idea of a webring, but instead of being random (though some may have historically been completely linear in nature), they’ve got slightly more structure, and instead of linking entire websites, they’re linking posts on a particular idea or topic. 

I’ve also seen some tangential mentions among the Blogging Futures crowd of Webmention, which is essentially a standardized web technology that allows notifications or @mentions between websites on different domains and running completely different software. I know that Tom Critchlow, who is a memeber of the blogchain, has recently set up webmentions, so I’m curious to hear his impression of what a blogchain means after he’s begun using webmention. (Difficultly, he’s using a static site generator, which will tend to make his experience with them a tad more fraught compared with services that have it built in or available by simple plugins.) To me there’s more value in combining the two ideas of Webmention and blogchain wherein each post is able to webmention the other posts within a particular blogchain and thereby create a broader web of related ideas. 

Of course this is all very similar to ideas like IndieNews and Kicks Condor’s IndieWeb.xyz aggregation hub which allow users to post to them by means of Webmention. In some sense this allows for a central repository or hub that collects links to all of the responses for those who want to to participate. These responses could obviously be sorted by topic (aka tag/category), author, and even date. Naturally if each post includes links to all the other pieces in such a blogchain, and all the sites accept and display webmentions, then there will be a more weblike chain of discussion of the topic rather than a more linear one.

I’m not aware of it being done, but I’ve always sort of wished that someone would add webmention support to a wiki platform. Many has been the time I wish I could have added a link into the See also section of the IndieWeb wiki simply by linking to a particular page and sending a webmention. Lots of my online documentation references that wiki and it would be wonderfully useful for links to my content to automatically show up there. Later, others could add some of my content back into the wiki in a more fully fleshed out way, but at least the references would be there. Imagine how the world’s knowledge would be expanded if a larger wiki like Wikipedia had the ability to accept incoming links this way!?

I’ll mention that both the aggregation hubs and the wikis can help to serve as somewhat more centralized means of discovery on the web, which also helps to fuel idea and content production.

All the people I know who have added Webmention have generally fallen in love with it as a new means of posting into and interacting within a rejuvenated blogosphere. There’s more power in posting to one’s own website while still being able to interact in a more social sort of way. 

Podcast discovery, Huffduffer, and listen feeds

As I was reading through some of the subscriptions in Aaron Davis’ well-curated blogroll which I’m subscribed to via OPML Subscription in Inoreader, I was reminded that I should be following my own Huffduffer Collective. This is a feed of audio that comes from all of the accounts I’m following on Jeremy Keith’s awesome Huffduffer audio service. For those looking for a great method for discovering new and interesting audio content and podcasts, this is by far the best discovery service I know.

While finding content which others have bookmarked is an excellent discovery mechanism, I think that finding it by means of things they’ve actually listened to would be even more powerful. By saying you’ve listened to something, it means you’ve put some skin in the game and spent some of your own valuable time actually consuming the content and then separately posting about it. I wonder how Huffduffer might incorporate this sort of “listen” functionality in addition to their bookmarking functionality? I can’t help but thinking that more audio applications should have Micropub functionality for posting listens.

Here I’ll remind people that my website provides just such a feed of my own listens, so if you want to hear exactly what I’ve been listening to, you can have your own feed of it, which I call my faux-cast and you should be able to subscribe to it in most podcatchers. I do roughly the same thing for all the things I read online and off as well. I may bookmark something as interesting, but you know it was even more valuable to me when I’ve spent the time to actually listen to or read it from start to finish.

Do you have a listen feed I could subscribe to?  Perhaps a Huffduffer account I should follow? How do you discover audio content online? How could this be used in the education technology space?

Following People on Hypothes.is

I get a LOT of value out of using Hypothes.is, but one of my favorite parts is having the RSS feeds of about a dozen interesting peoples’ H feeds piped into my reader. I get not only interesting things to read, but highlights and annotations of the best of it all.

The general format for feeds to subscribe to is https://hypothes.is/stream.atom?user=XYZ.  As an example my personal feed is at https://hypothes.is/stream.atom?user=chrisaldrich. Some of my other favorites are judell, actualham, nateangell, mpelzel, mrkrndvs, jgmac1106, and jeremydean.

(By the way, you can do a similar thing for tag topics like: https://hypothes.is/stream.atom?tag=OER.)

I wish that the system had some more social features to make discovery and following of friends and colleagues easier, but doing it the hard way sort of makes it that much more valuable.

Who are you following there? Which other interesting Hypothes.is users should I be following? Do let me know.

WordPress and IndieWeb: Creating Your Dialtone on the Internet

Next weekend, I’ll be giving a talk at the third annual WordCamp Riverside on Saturday, November 9th at 11:00 AM Pacific in the Innovation room. If you haven’t registered already, there are still tickets left for purchase.

After having watched the livestream of Tantek Çelik’s invited talk at WordCamp US entitled Take Back Your Web, I’ll note that my intention is to generally pick up from where he left off and get into some of the nuts and bolts of what some of the IndieWeb philosophies and technologies are and how they work with WordPress. (Though don’t worry if you missed his talk, I’ll put all the ideas into their larger context.) I’ll approach it from the perspective of a WordPress beginner, but will have some pointers to lots of in-depth resources for designers and developers. In short, I’ll attempt to provide a crash-course overview of what the IndieWeb looks like from a WordPress perspective.

Below is a brief teaser for the talk:

Welcome to Web 3.0, the internet you always wish you had.

I can have phone service on Verizon and you may choose to use AT&T, T-Mobile, or Sprint, but as long as we’ve got phones we can talk to each other or any other phone number that’s connected to the network. But why can’t Facebook users interact directly with Twitter users or Instagram users or vice versa? Crucially why couldn’t one website built on WordPress talk to another website built with Drupal or Kirby? The internet is an open communication platform after all! I’m going to show how this (and so much more magic) can all be done with some simple plugins in under an hour!
Over the past several years a group of dedicated bloggers, technologists, and designers has been innovating, building, and testing a suite of open W3C web standards to allow their personal websites to recreate the major pieces of interactive functionality that are part of the largest social media sites like Facebook, Twitter, Instagram, LinkedIn, SoundCloud, etc. These larger pieces are now all working together across dozens of content management systems including WordPress, Drupal, WithKnown, ProcessWire, Elgg, Nucleus CMS, Craft, Django, Kirby, static site generators like Hugo and Jekyll and services like Micro.Blog and Mastodon. This means that instead of relying on smaller non-interoperable social media sites that obsessively surveil you and then pollute your stream with obtrusive ads, you can now better own and control your own data and comprehensive identity on your own domain name. In this talk we’ll take a high level look at W3C web specs including Webmention, WebSub, Micropub, and the forthcoming Microsub to see how you can make your own website a first class citizen on the (social) web. Using WordPress and a few simple plugins you can now close the circle of website-to-website intercommunication across the open web. Use your own website to read and consume web content, post your own status updates, bookmarks, likes, and replies while interacting directly with other websites. In many cases you can also do this with social platforms like Twitter, Instagram, Flickr, GitHub, Mastodon, and Micro.blog.

Expanding Ekphrasis to the Broader Field of Mnemotechny: or How the Shield of Achilles Relates to a Towel, Car, and Water Buffalo

If Lynne Kelly‘s thesis about the methods of memory used by indigenous peoples is correct, and I strongly believe it is, then the concept of ekphrasis as illustrated in the description of the Shield of Achilles in Homer’s Iliad (Book 18, lines 478–608) is far more useful than we may have previously known. I strongly suspect that Achilles’ Shield is an early sung version of a memory palace to which were once attached other (now lost) memories from Bronze Age Greece.

The word ekphrasis, or ecphrasis, comes from the Greek for the description of a work of art produced as a rhetorical exercise, often used in the adjectival form ekphrastic.—Wikipedia

While many may consider this example of Homer’s to be the first instance of ekphrasis within literature (primarily because it specifically depicts an artwork, which is part of the more formal definition of the word), I would posit that even earlier descriptions in the Iliad itself which go into great detail about individuals and their methods of death are also included in a broader conception of ekphrasis. This larger ekphrasis subsumes all of these descriptions in an tradition of orality as being portions of ancient memory palaces within a broader field of mnemotechny. I imagine that these graphic, bloody, and larger-than-life depictions of death not only encoded the names and ideas of the original people/ancestors, but they were also quite likely to have had additional layers of memory encoded (or attached) to them as well. Here I’m suggesting that while an actual shield may or may not have originally existed that even once the physical shield or other object is gone or lost that the remembered story of the shield still provides a memory palace to which other ideas can be attached.

(I’ll remind the forgetful reader than mnemotechny grows out of the ancient art of rhetoric as envisioned in Rhetorica ad Herennium, and thus the use of ekphrasis as a rhetorical device implicitly subsumes the idea of memory, though most modern readers may not have that association.)

Later versions of ekphrasis in post-literate history may have been more about the arts themselves and related references and commentary (example: Keats’ Ode on a Grecian Urn), but I have a strong feeling that this idea’s original incarnation was more closely related to early memory methods at the border of oral and literate societies.

In other words, ancient performers, poets, etc. may have created their own memory palaces by which they were able to remember long stories like the Iliad, but what is to say that these stories themselves weren’t in turn memory palaces to the listeners themselves? I myself have previously used the plot and portions of the movie Fletch as a meta memory palace in just this way. As the result of ritualistic semi-annual re-watchings of classic and engaging movies like this, I can dramatically expand my collection of memory palaces. The best part is that while my exterior physical location may change, classics movies will always stay the same. And in a different framing, my memories of portions of history may also help me recall a plethora of famous movie quotes as well.

Can I borrow your towel? My car just hit a water buffalo.—Irwin M. Fletcher

The web is my social network: My talk from WordCamp Riverside 2018

WordPress.tv has posted my talk from WordCamp Riverside 2018. If you missed it live, you can review it again now. The slides can be found here on my site.


Download

MP4: Low, Med, High
OGG: Low

The web is my social network

Growing toxicity on Twitter, Facebook’s Cambridge Analytica scandal, algorithmic feeds, and a myriad of other problems have opened our eyes to the ever-growing costs of social media. Walled gardens have trapped us with the promise of “free” while addicting us to their products at the cost of our happiness, sense of self, sanity, and privacy. Can we take back our fractured online identities, data, and privacy to regain what we’ve lost?
I’ll talk about how I’ve used IndieWeb related technologies in conjunction with WordPress as a replacement for my social presence while still allowing easy interaction with friends, family, and colleagues online. I’ll show how everyone can easily use simple web standards to make WordPress a user-controlled, first-class social platform that works across domains and even other CMSs.
Let’s democratize social media using WordPress and the open web, the last social network you’ll ever need to join.

Social Reading User Interface for Discovery

I read quite a bit of material online. I save “bookmarks” of all of it on my personal website, sometimes with some additional notes and sometimes even with more explicit annotations. One of the things I feel like I’m missing from my browser, browser extensions, and/or social feed reader is a social layer overlay that could indicate that people in my social network(s) have read or interacted directly with that page (presuming they make that data openly available.)

One of the things I’d love to see pop up out of the discovery explorations of the IndieWeb or some of the social readers in the space is the ability to uncover some of this social reading information. Toward this end I thought I’d collect some user interface examples of things that border on this sort of data to make the brainstorming and building of such functionality easier in the near future.

If I’m missing useful examples or you’d like to add additional thoughts, please feel free to comment below.

Examples of social reading user interface for discovery

Google

I don’t often search for reading material directly, but Google has a related bit of UI indicating that I’ve visited a website before. I sort of wish it had the ability to surface the fact that I’ve previously read or bookmarked an article or provided data about people in my social network who’ve done similarly within the browser interface for a particular article (without the search.) If a browser could use data from my personal website in the background to indicate that I’ve interacted with it before (and provide those links, notes, etc.), that would be awesome!

Screen capture for Google search of Kevin Marks with a highlight indicating that I've visited this page in the recent past
Screen capture for Google search of Kevin Marks with a highlight indicating that I’ve visited his page several times in the past. Given the March 2017 date, it’s obvious that the screen shot is from a browser and account I don’t use often.

I’ll note here that because of the way I bookmark or post reads on my own website, my site often ranks reasonably well for those things.

On a search for an article by Aaron Parecki, my own post indicating that I’ve read it in the past ranks second right under the original.

In some cases, others who are posting about those things (reading, commenting, bookmarking, liking, etc.) in my social network also show up in these sorts of searches. How cool would it be to have a social reader that could display this sort of social data based on people it knows I’m following

A search for a great article by Matthias Ott shows that both I and several of my friends (indicated by red arrows superimposed on the search query) have read, bookmarked, or commented on it too.

Hypothes.is

Hypothes.is is a great open source highlighting, annotation, and bookmarking tool with a browser extension that shows an indicator of how many annotations  appear on the page. In my experience, higher numbers often indicate some interesting and engaging material. I do wish that it had a follower/following model that could indicate my social sphere has annotated a page. I also wouldn’t mind if their extension “bug” in the browser bar had another indicator in the other corner to indicate that I had previously annotated a page!

Screen capture of Vannevar Bush’s article As We May Think in The Atlantic with a Hypothes.is browser extension bug indicating that there are 329 annotations on the page.

Reading.am

It doesn’t do it until after-the-fact, but Reading.am has a pop up overlay through its browser extension. It adds me to the list of people who’ve read an article, but it also indicates others in the network and those I’m following who have also read it (sometimes along with annotations about their thoughts).

What I wouldn’t give to see that pop up in the corner before I’ve read it!

Reading.am’s social layer creates a yellow colored pop up list in the upper right of the browser indicating who else has read the article as well as showing some of their notes on it. Unfortunately it doesn’t pop up until after you’ve marked the item as read.

Nuzzel

Nuzzel is one of my favorite tools. I input my Twitter account as well as some custom lists and it surfaces articles that people in my Twitter network have been tweeting about. As a result, it’s one of the best discovery tools out there for solid longer form content. Rarely do I read content coming out of Nuzzel and feel robbed. Because of how it works, it’s automatically showing those people in my network and some of what they’ve thought about it. I love this contextualization.

Nuzzel’s interface shows the title and an excerpt of an article and also includes the avatars, names, network, and commentary of one’s friends that interacted with the piece. In this example it’s relatively obvious that one reader influenced several others who retweeted it because of her.

Goodreads

Naturally sites for much longer form content will use social network data about interest, reviews, and interaction to a much greater extent since there is a larger investment of time involved. Thus social signaling can be more valuable in this context. A great example here is of Goodreads which shows me those in my network who are interested in reading a particular book or who have written reviews or given ratings.

A slightly excerpted/modified screen capture of the Goodreads page for Melanie Mitchell’s book Complexity that indicates several in my social network are also interested in reading it.

Are there other examples I’m missing? Are you aware of similar discovery related tools for reading that leverage social network data?

Micropub and WordPress: Custom Posting Applications My talk from WordCamp Santa Clarita Valley 2019

WordPress.tv has posted my talk from WordCamp Santa Clarita Valley 2019. If you missed it live, you can review it again now. The slides are available for download as well.

Download

MP4: LowMedHigh
OGG: Low

Micropub and WordPress: Custom Posting Applications

April 6, 2019, 3:30 pm Horseshoe Ranch Room, University Center, College of the Canyons — The W3C recommended Micropub specification (2017) allows developers to create custom posting applications for a wide variety of data targeting any content management system that supports the spec.

Chris Aldrich provides an overview of the available plugin and endpoint for WordPress and a variety of client applications like Quill, Teacup, OwnYourGram, OwnYour Swarm, Omnibear, that allow one to post status updates, bookmarks, likes, check-ins/location data, photos, and more directly to WordPress sites.
We’ll also talk about how developers can create custom posting interfaces to drastically simplify content creation and posting for clients in ways that can be even simpler than working with Gutenberg.