43°F

Aaron Parecki

  • Articles
  • Notes
  • Projects

#webmention

  • Marty McGuire https://martymcgui.re/

    Site Updates: automatic webmentions, person tags, better reply image handling

    Portland, Oregon • 54°F
    #site-update #webmention #person-tag
    Sat, Apr 14, 2018 7:44pm -04:00 (liked on Sat, Apr 14, 2018 5:18pm -07:00)
  • Tantek Çelik http://tantek.com/
    hosting Homebrew Website Club SF tonight @MozSF!
    RSVP http://tantek.com/2018/080/e1

    Special guest @aaronpk will demo his #IndieWeb reader setup!
    https://aaronparecki.com/2018/03/12/17/building-an-indieweb-reader built on #openweb standards #WebSub #Microsub #microformats2 #IndieAuth #MicroPub #Webmention #Webhooks
    San Francisco, California • 64°F
    #IndieWeb #openweb #WebSub #Microsub #microformats2 #IndieAuth #MicroPub #Webmention #Webhooks
    Wed, Mar 21, 2018 11:24am -07:00 (liked on Wed, Mar 21, 2018 6:59pm -07:00)
  • Two exciting #openweb announcements today!

    🎂 We're celebrating 1 million webmentions! https://snarfed.org/1-million-webmentions

    🎉 Our @W3C WebSub REC and IndieAuth NOTE were just published! https://aaronparecki.com/2018/01/23/34/w3c-websub-indieauth
    Portland, Oregon • 46°F
    20 likes 23 reposts
    #webmention #websub #indieweb #openweb
    Wed, Jan 24, 2018 10:30am -08:00
  • So long Disqus, hello Webmention (nicolas-hoizey.com)
    Portland, Oregon
    #webmention #indieweb
    Thu, Jul 27, 2017 11:13am -07:00
  • Implementing Webmentions (allinthehead.com)
    Portland, Oregon
    #webmention #indieweb
    Sun, Jul 16, 2017 8:06am -07:00
  • Marty McGuire https://martymcgui.re/

    Site Updates: Webmention Notifications in Matrix with Hubot

    Portland, Oregon
    #site-update #Webmention.io #webmention #IndieWeb #matrix.org #hubot #notifications
    Fri, May 26, 2017 4:07pm -04:00 (liked on Sat, May 27, 2017 12:25pm -07:00)
  • Day 75: Improvements to the Webmention Wiki Page #100DaysOfIndieWeb

    Sun, Mar 5, 2017 8:13pm -08:00

    I've been feeling like the Webmention page on the IndieWeb wiki doesn't do a very good job of explaining what Webmention does for users, and jumps too quickly into spec details. I would like to be able to direct people at this page when I am talking to them online about what Webmention can do, which often means what I am trying to show them is how Webmention can be used to display comments and other interactions on a website. Today I started to make some incremental improvements.

    I rephrased the introduction section to start with user-facing features, rather than be a description of the protocol. Starting by updating the first sentence to describe the end result rather than a summary of the of the spec. Previously, the first sentence was:

    Webmention is a simple way to notify any URL when you link to it on your site.

    The problem with the original definition was it only describes one side of what Webmentions do (sending) and doesn't talk about receiving. Most importantly, it doesn't actually tell you why you would want to use it.

    I changed that to:

    Webmention is a protocol that enables conversations across the web.

    I'm no expert at writing or branding, but I think this is an improvement because it starts off by describing the end result. Feel free to offer suggestions for alternatives though!

    Interestingly, the second sentence was already great, and now flows nicely after this high-level description.

    This powerful building block is used for federated comments, likes, reposts, and other rich interactions across the decentralized social web.

    I then went through a bunch of the IndieWeb Examples of sites that support Webmention, found illustrative examples of their sites displaying comments, and uploaded a bunch of screenshots to the wiki. My hope is that this will help people understand the end result of supporting Webmention, which is that discussions can take place across websites.

    I cleaned up the bottom section of the page a bit, consolidated the "Resources" section which had previously been split out into new pages, and I found two quotes from some of the linked articles I liked which I pulled snippets of into the page.

    My ultimate goal with this is to improve the webmention.net page to be something I feel good about sending people to to get an idea of what Webmention is. Now that we are starting to expand greater into generation 2, we need to improve the documentation of the various IndieWeb components to focus less on code and protocols, and more on the end goals.

    I want to start by cleaning up the Webmention page on the wiki, and I would love more help with that part of it. Feel free to continue editing the copy, improving the information hierarchy, and anything else you can think of to make it more approachable to newcomers!

    Once we get to the point where the wiki page is relatively well written, I want to copy some of the content over to webmention.net, and give it a facelift. I'm always hesitant to share in-progress mockups, but hopefully doing so will spur some discussion. I'm thinking something along the lines of the mockup below, but maybe with a less stock-photo-y image, and some nicer typography.

    Doing incremental improvements to the wiki page rather than jumping into a whole new design will ensure that we are focusing on getting the copy right. So please won't you help me continue to improve the wiki! 😊

    Portland, Oregon
    1 like 2 replies 2 mentions
    #100daysofindieweb #webmention
    Sun, Mar 5, 2017 8:13pm -08:00
  • John O'Nolan https://john.onolan.org   •   Feb 24
    are there any mainstream uses of it in the wild?
    @johnonolan @stefanbc https://withknown.com has built-in support, and http://micro.blog likely will as well. Lots of other small sites too
    Portland, Oregon, USA
    2 likes 1 reply
    #webmention
    Fri, Feb 24, 2017 10:14am -08:00
  • John O'Nolan https://john.onolan.org   •   Feb 24
    super open to this idea - I just have no idea what it would look like.
    @johnonolan @stefanbc @teabass I have a pretty good idea! https://www.w3.org/TR/webmention/ All the comments on my site are received via Webmention!
    Portland, Oregon, USA
    2 likes 4 replies
    #webmention
    Fri, Feb 24, 2017 10:00am -08:00
  • How I hacked my own site by feeding it a profile picture via webmention (seblog.nl)
    Portland, Oregon
    #webmention #security
    Mon, Feb 13, 2017 2:34pm -08:00
  • Day 41: Easier Posting to IndieNews #100DaysOfIndieWeb

    Mon, Jan 30, 2017 11:25am -08:00

    Following up on yesterday's update of adding a Webmention form on IndieNews' Webmention endpoint, today I finished building out the UI for submitting to IndieNews from a browser.

    Now the "Submit" link includes a form where you can paste in your post's URL, in case your website doesn't send Webmentions automatically.

    If you use this form to send the Webmention, then the response will be an HTML page instead of a JSON response. If the submission is successful, then it will actually return a 302 redirect to the IndieNews permalink of the post! This is a slight deviation from the Webmention spec, but it's fine because we don't really care if the browser is a spec-compliant Webmention client.

    Also thanks to Chris Aldrich for the suggestion of using a dropdown for the target URL selection on the generic Webmention form.

    This is the form you see when you visit the Webmention endpoint, which is not specific to the language you're on.

    Portland, Oregon
    2 mentions
    #100daysofindieweb #indienews #webmention
    Mon, Jan 30, 2017 11:25am -08:00
  • My reply to Micro.blog Project Surges Past $65K on Kickstarter, Gains Backing from DreamHost (boffosocko.com)
    "Webmention works much like @mention on Twitter, Medium, Facebook, and others, but is platform independent, which means you can use it to ping any website on the internet that supports it. Imagine if you could reply to someone on Twitter from your WordPress site? Or if you could use Facebook to reply to a post on Medium?"
    Portland, Oregon
    1 mention
    #wordpress #webmention
    Fri, Jan 27, 2017 1:01pm -08:00
  • Day 38: New Sneaky Redirect Test for webmention.rocks #100DaysOfIndieWeb

    Fri, Jan 27, 2017 11:06am -08:00

    This was a tricky one, spawned from when sebsel failed to discover the Webmention endpoint for one of Zegnat's posts. In that case, the Webmention endpoint was a relative URL and sebsel was sending a Webmention to a URL that was also an HTTP redirect.

    The new test, webmention.rocks #23, instructs you to send a Webmention to a URL that is a redirect, and that page advertises a relative URL endpoint. You'll need to make sure that the URL you pass to your relative URL resolver is the final URL after following the redirect, rather than the one you start with.

    So give it a shot! Test if your relative URL resolution code works properly!

    Portland, Oregon
    2 mentions
    #100daysofindieweb #webmentionrocks #webmention
    Fri, Jan 27, 2017 11:06am -08:00
  • Day 34: New test for webmention.rocks #100DaysOfIndieWeb

    Mon, Jan 23, 2017 9:27am -08:00

    Thanks to @Zegnat and @sebsel for finding some new new edges case in Webmention discovery that deserve new tests!

    The new test, #22, advertises its Webmention endpoint with a URL that is relative to the page (e.g. <link rel="webmention" href="22/webmention">). The existing relative URL tests were absolute paths (e.g. <link rel="webmention" href="/test/22/webmention">).

    If you already handle relative URL resolution with a library then chances are you will pass this test without any new code.

    Portland, Oregon
    2 mentions
    #100daysofindieweb #webmentionrocks #webmention
    Mon, Jan 23, 2017 9:27am -08:00
  • Webmention is a W3C Recommendation (www.w3.org)
    Mountain View, California
    #webmention #w3c
    Thu, Jan 12, 2017 9:39pm -08:00
  • I'm pretty pleased with the timestamps of both of these posts. One year to the minute!

    https://aaronparecki.com/2016/01/12/14/webmention
    https://aaronparecki.com/2017/01/12/13/webmention-rec
    Mountain View, California, USA
    1 like
    #webmention
    Thu, Jan 12, 2017 11:56am -08:00
  • We did it! Webmention is now a @W3C recommendation! Congrats @SocialWebWG and @IndieWebCamp! https://www.w3.org/TR/2017/REC-webmention-20170112/ https://twitter.com/w3c/status/819624363645353985
    Mountain View, California, USA
    42 likes 13 reposts 2 replies 5 mentions
    #webmention #w3c #indieweb
    Thu, Jan 12, 2017 11:47am -08:00
  • Week in Review #100DaysOfIndieWeb

    Fri, Dec 30, 2016 2:18pm -08:00

    Webmention.io

    • Day 3: The avatars for comments/likes/etc that Webmention.io processes will now always be 256 pixels maximum. This avoids showing potentially large images shrunk down when displaying comments.
    • Day 10: HTML status pages for webmention.io 

    Quill

    • Day 4: The reply context on the note posting interface will truncate if the post you're replying to is large. 
    • The content area automatically expands when you type long notes.

    OwnYourGram

    • Day 5: There is now an interface in OwnYourGram you can use to post your 20 most recent photos again if you need to. This can be helpful when you're initially developing your Micropub endpoint, to test with real data from your Instagram account, and can be used to fill in the gaps if OwnYourGram misses some of your photos for some reason.
    • There is also a "disconnect" button you can use to stop OwnYourGram from processing your Instagram account.
    • Day 6: OwnYourGram now puts users into different tiers of polling frequency based on how often you post photos. This improves the responsiveness for heavy users, and reduces system load for users who don't post often.

    aaronparecki.com

    • Day 7: Changed the display of sparklines on my tag pages to be bar charts instead of a line.
    • Day 8: Now I can pin posts on tag pages!
    • Day 9: Added a Webmention form to the bottom of my posts.
    Portland, Oregon
    1 like 2 reposts 2 replies 1 mention
    #100daysofindieweb #indieweb #webmention #quill #p3k
    Fri, Dec 30, 2016 2:18pm -08:00
  • Day 10: HTML status pages for webmention.io #100DaysOfIndieWeb

    Fri, Dec 30, 2016 1:21pm -08:00

    Yesterday I added a Webmention form at the bottom of my posts. If you used this form, it would show you a "check status" link after accepting the Webmention request. My Webmentions are all handled by webmention.io, and its status URLs return a JSON response. This isn't particularly friendly when someone views one of these URLs in a browser, since they just see a raw JSON blob.

    Today I updated webmention.io to return all responses in HTML if they're made from a browser. It checks to see if there is text/html in the Accept header, and returns HTML if so, otherwise returns JSON as normal. Now when you view one of these status links, you'll see something like this.

    Since the Webmention spec doesn't define the body of the response, doing this is still considered conformant to the spec. The one non-standard thing I had to do was to return an HTTP 303 response when accepting the Webmention instead of 201, in order to get the browser to redirect to the status URL immediately. I still return 201 to non-browser clients so they won't see any change.

    Portland, Oregon
    3 mentions
    #100daysofindieweb #indieweb #webmention
    Fri, Dec 30, 2016 1:21pm -08:00
  • Day 9: Webmention form #100DaysOfIndieWeb

    Thu, Dec 29, 2016 9:27am -08:00

    I finally brought back the Webmention form on my website! At the bottom of my posts, you'll see a Webmention form now!

    If you've written a post on your own site that is a reply to my post, but don't yet send Webmentions automatically, then you can use this form to send a Webmention for you!

    The form submits directly to my Webmention endpoint at webmention.io via Javascript, so the results appear inline. (If you have Javascript disabled, then it works like a normal form post.) Since the actual Webmention processing happens asynchronously, you'll see a little confirmation message when you submit the form.

    Hopefully soon I'll have realtime comments appearing, so that your comment will appear inline automatically after it's done processing!

    Portland, Oregon
    1 like 1 reply 4 mentions
    #100daysofindieweb #indieweb #webmention
    Thu, Dec 29, 2016 9:27am -08:00
next

Hi, I'm Aaron Parecki, co-founder of IndieWebCamp. I maintain oauth.net, write and consult about OAuth, and am the editor of several W3C specfications. I record videos for local conferences and help run a podcast studio in Portland.

I wrote 100 songs in 100 days! I've been tracking my location since 2008, and write down everything I eat and drink. I've spoken at conferences around the world about owning your data, OAuth, quantified self, and explained why R is a vowel.

Follow
  • Okta Developer Advocate
  • IndieWebCamp Founder
  • W3C Editor
  • Stream PDX Co-Founder
  • backpedal.tv

  • W7APK
  • ⭐️ Life Stack
  • All
  • Articles
  • Bookmarks
  • Notes
  • Photos
  • Replies
  • Reviews
  • Sleep
  • Travel
  • Contact
© 1999-2018 by Aaron Parecki. Powered by p3k. This site supports Webmention.
Except where otherwise noted, text content on this site is licensed under a Creative Commons Attribution 3.0 License.
IndieWebCamp Microformats Webmention W3C HTML5 Creative Commons