All mentions from site voxpelli.com
Tantek Çelik
Once you have a domain^1, and connect it to an #IndieWeb service like https://micro.blog, or a https://indieweb.org/CMS on https://indieweb.org/web_hosting, you can focus^2 on your writing.Or if you enjoy #webDevelopment and want to build (option three^3), use developer services to more rapidly add IndieWeb building blocks^4 to your site so you too can focus on creating & owning your content^5.Here are some of the most common and popular developer services:1. Webmention sending: https://webmention.app/ by h
Tantek Çelik
https://jhey.dev/ (@jhey@front-end.social) hey! thanks for the kind words.Two sides to supporting #webmentions:1. Sending: https://webmention.app/ is excellent, by https://remysharp.com/ (@rem@front-end.social), or you can write your own Webmention sending loop using endpoint discovery libraries, and in that loop you can do other things, like also send each link to the Internet Archive (https://indieweb.org/Internet_Archive#Trigger_an_Archive, what I do on my site) to archive each link as of the time you li
FXZig
By default TypeScript doesn't read the JSDoc of any dependencies.
Amit Gawande
IndieWebify Your Hugo Website
IndieWebify Your Hugo Website
For many, that’s too much of jargon right there in the title. So to bit of basics first. I would not go into the history or setup of this website. TL;DR this is site build with a static site generator Hugo themed by a custom port of Ghostwriter theme. In this post, I want to focus mainly on why and how of IndieWeb.
Ever since I built this site, I had grown pretty determined to styling this exactly to my liking. Every section in here is thought through and has a purpose. When I was happy with what I had at
liked this
Drei aka Bitcoin Master
Folding phones, Plantry, Code is Law, npm modules, Unbound
I lol’d when Stuart said folding phones are a solutionin search of a problem.
Chris Aldrich
Reply to Chris Finazzo about Jekyll and GoodReads alternatives
Replied to a tweet by Chris Finazzo (Twitter)
I cannot use Goodreads. The user experience just makes me too sad.— julia ferraioli (@juliaferraioli) February 9, 2019
I stared using it about 8 months ago when I signed up for Audible. The site and app are hot garbage, so I’ve been looking at going the @indiewebcamp route... pic.twitter.com/BFUzDJ5XjP— Chris Finazzo (@chrisfinazzo) February 9, 2019
However, because I use Jekyll and don’t pray to some JavaScript-powered deity, I have to try to assemble things
liked something
liked something
liked something
liked something
Pelle Wessman
liked this
Indieweb Summit Thoughts
I am very glad I attended Indieweb Summit 2017 in Portland. Since I learned a lot at last year’s event, I decided to make the trip again. The general format was the same: unscheduled sessions on Saturday and small projects on Sunday. Prior to the sessions, there were introductions and some scheduled talks including a neat indiemap project. I found it interesting that a significant percentage of indieweb sites include a rel-me link to a personal keybase.io page.
In the Specialized Micropub Clients sessi
När tågtrafiken kollapsar – vem fyller upp?
Tantek Çelik
Once you have a domain^1, and connect it to an #IndieWeb service like https://micro.blog, or a https://indieweb.org/CMS on https://indieweb.org/web_hosting, you can focus^2 on your writing.Or if you enjoy #webDevelopment and want to build (option three^3), use developer services to more rapidly add IndieWeb building blocks^4 to your site so you too can focus on creating & owning your content^5.Here are some of the most common and popular developer services:1. Webmention sending: https://webmention.app/ by h
Tantek Çelik
https://jhey.dev/ (@jhey@front-end.social) hey! thanks for the kind words.Two sides to supporting #webmentions:1. Sending: https://webmention.app/ is excellent, by https://remysharp.com/ (@rem@front-end.social), or you can write your own Webmention sending loop using endpoint discovery libraries, and in that loop you can do other things, like also send each link to the Internet Archive (https://indieweb.org/Internet_Archive#Trigger_an_Archive, what I do on my site) to archive each link as of the time you li
Amit Gawande
IndieWebify Your Hugo Website
IndieWebify Your Hugo Website
For many, that’s too much of jargon right there in the title. So to bit of basics first. I would not go into the history or setup of this website. TL;DR this is site build with a static site generator Hugo themed by a custom port of Ghostwriter theme. In this post, I want to focus mainly on why and how of IndieWeb.
Ever since I built this site, I had grown pretty determined to styling this exactly to my liking. Every section in here is thought through and has a purpose. When I was happy with what I had at
Chris Aldrich
Reply to Chris Finazzo about Jekyll and GoodReads alternatives
Replied to a tweet by Chris Finazzo (Twitter)
I cannot use Goodreads. The user experience just makes me too sad.— julia ferraioli (@juliaferraioli) February 9, 2019
I stared using it about 8 months ago when I signed up for Audible. The site and app are hot garbage, so I’ve been looking at going the @indiewebcamp route... pic.twitter.com/BFUzDJ5XjP— Chris Finazzo (@chrisfinazzo) February 9, 2019
However, because I use Jekyll and don’t pray to some JavaScript-powered deity, I have to try to assemble things
liked something
liked something
liked something
liked something
Anonymous
Embracing the IndieWeb
Hugo transition complete, it is time to go Indie
Alan S.
Retuning up my indieweb
Over three years ago I spent a long weekend building my very own, basic but functional webmentions implementation. When I switched the site to Hugo from my homegrown pile of static-blog-building scripts last year, I put rebuilding webmention support way, way on the back burner, and never got back around to it.
I really wasn’t fully geared up to make that system work with Hugo, so today with this writeup from Daniel Goldsmith I used the webmention endpoint from Pelle Wessman, to rebuild all of that function
Daniel Goldsmith (dgold)
Website transition to Hugo is complete! Now for the next stage:It is time to go Indie!https://ascraeus.org/embracing-the-indieweb/
Keith Gaughan
liked this
Jakub Turski
liked this
lalonde
liked this
Barry Frost
Introducing Webhook Mentions
Webhook Mentions: my very simple app to send Webmentions from your Microformats 2 markup GitHub Pages blog. https://barryfrost.com/2016/07/introducing-webhook-mentions
David Shanske
liked this
Jekyll & Microblogging
Jekyll, microblogging and IndieWeb
Malcolm Blaney
Indie-config and local storage
Pelle Wessman shared an interesting demo at IndieWebCamp Nuremberg over the weekend. If your site supports composing new posts based on web actions you can enter the relevant urls here: http://voxpelli.com/demo/indie-config and then whenever you visit a site that supports indie actions, it will redirect you to your own site to create a post. Magic!
Wait, web actions? indie actions??
OK yes, what does all this mean? Let's explain it! web actions are simply an extra query parameter on your url that tells your
unrelenting.technology
Posts
Articles
Replies
Photos
KB
In reply to
Pelle Wessman shared an interesting demo at IndieWebCamp Nuremberg over the weekend. If your site supports composing new posts based on web actions you can enter the relevant urls here: http://voxpelli.com/demo/indie-config and then whenever you visit a site that supports indie actions, it will redirect you to your own site to create a post. Magic!
Wait, web actions? indie actions??
OK yes, what does all this mean? Let's explain it! web actions are simply an extra query parameter on your url that tells your composing UI what you want to do. For instance, I can follow the link https://unicyclic.com/mal/blog?like=example.com/some-post and my blog page will know that I want to create a post that likes example.com/some-post:
If your post creation UI can do something like this, then it supports web actions.Indie actions are the other side of this, they are the links on posts that allow you to like or share it. You can see them on any post on unicyclic.com and many other sites support them. Now the trick is, the person who includes these actions on a post, can't specify the recipient of the action. That's where Indie config comes in.
Indie config creates the link between the actions on a post and your own site. It does this by utilising the fact that web browsers can register protocol handlers for new schemes (ie http). Pelle came up with the web+action scheme, which you register in javascript with a url on your own site.
Now this part is a bit technical, but the url on your site return some specially crafted html. In fact it's mostly javscript and it's job is to post a message about the web actions you support. Where does it post a message to? Well that might be the most clever part of the puzzle yet! Indie config dynamically injects an iframe into the page you're viewing, and sets it's src to web+action:load which pulls in your web action details. Now you have all the information you need to interact with the actions on the page.
There is more detail to all this, but I wanted to mention how local storage can be used to improve this work flow. It's possible to do all this work as a stateless system, but local storage allows you to introduce some memory. Pelle has provided his demo site so that you can skip storing the special message posting javascript, instead he stores your details in local storage and uses them to post the message back to your iframe.
I also use local storage in dobrado with indie config, but use it a little bit earlier in the series of steps. If I can successfully retrieve a site's web actions, I store them at that point in local storage. That means I don't need to keep looking for them once they're available, and I also provide a way to view and remove the current settings. It also means I can convert indie action links to real links since I already have all the details.
So that's an overview of indie config and local storage! I'm glad to see they can be used together in other ways, and of course the two methods described are actually complimentary.
—
Malcolm Blaney
on
Apr 19, 2016 03:03
Huh, I thought the big reason for indie-config and its iframe hack (instead of just registering handlers for each action like web+reply, web+like) was that the config is not local to a browser!
Yeah, another reason is flexibility – fallback links to Twitter actions, choosing the actions that are available… But is all that really necessary?
I still think that simply registering web+reply, web+like, etc. handlers would’ve been better.
posted
Apr 20, 2016 11:00
in
Replies
using
micropublish.herokuapp.com
and updated
Apr 20, 2016 11:00
powered by sweetroll2
Huh, I thought the big reason for indie-config and its iframe hack (instead of just registering handlers for each action like web+reply, web+like) was that the config is not local to a browser!
Yeah, another reason is flexibility – fallback links to Twitter actions, choosing the actions that are available… But is all that really necessary?
I still think that simply registering web+reply, web+like, etc. handlers would’ve been better.
Tantek Çelik
Testing webmentions in content @indiewebcamp:* https://jeena.net/photos/221* http://voxpelli.com/* https://aaronparecki.com/2016/04/16/22/foursquare* https://justonestep.de/notes/20160416-1417/* https://waterpigs.co.uk/notes/4goD_3/
Peter Molnar
Extending Press This in WordPress to support indieweb reply, like and repost
[object Object]
Kyle Mahan
@voxpelli @LanceCoyote you should be able to add the js to your Red Wind theme pretty easily, here they are in mine github.com/kylewm/redwind/blob/5079982251010fe504c9b1a8e7ef2b91c545210d/redwind/themes/boxy/templates/post.jinja2#L81
Aaron Gustafson
Enabling Webmentions in Jekyll
While I am really happy with my choice to move away from a dynamic website/blog to a static one—powered by Octopress, hosted for free on Github—it’s been pretty limiting when it comes to integrating comments and other more necessarily dynamic components.
Like many folks in the Octopress/Jekyll community, I’ve opted to use Disqus’ free service to manage comments, but I’m not in love with it. First of all, it requires JavaScript. You know my stance on that. Now I’m willing to accept comments as an enhancem
Barry Frost
liked this
in reply to
a post on voxpelli.com
This is a test reply from Omnibear
Anonymous
Embracing the IndieWeb
Hugo transition complete, it is time to go Indie
Alan S.
Retuning up my indieweb
Over three years ago I spent a long weekend building my very own, basic but functional webmentions implementation. When I switched the site to Hugo from my homegrown pile of static-blog-building scripts last year, I put rebuilding webmention support way, way on the back burner, and never got back around to it.
I really wasn’t fully geared up to make that system work with Hugo, so today with this writeup from Daniel Goldsmith I used the webmention endpoint from Pelle Wessman, to rebuild all of that function
Daniel Goldsmith (dgold)
Website transition to Hugo is complete! Now for the next stage:It is time to go Indie!https://ascraeus.org/embracing-the-indieweb/
Keith Gaughan
liked this
Jakub Turski
liked this
lalonde
liked this
Tyler
Now-a-days people can just use Yarn https://yarnpkg.com
Pelle Wessman
In reply to:
https://tyler.cat/2016/now-a-days-people-can-just-use-yarn
Yarn certainly helps with some parts of this. Eg. parts of "installed-check" can be replaced with "yarn check", but the engine checks, "dependency-check" and "husky" certainly still provide value when using Yarn.
The ecosystem is to a large degree still the same, no matter if one uses the Yarn client or the npm client.
04 November 2016
by
Pelle Wessman
Like
Share
Reply
See mentions of this post
Yarn certainly helps with some parts of this. Eg. parts of "installed-check" can be replaced with "yarn check", but the engine checks, "dependency-check" and "husky" certainly still provide value when using Yarn.
The ecosystem is to a large degree still the same, no matter if one uses the Yarn client or the npm client.
liked this
Barry Frost
Introducing Webhook Mentions
Webhook Mentions: my very simple app to send Webmentions from your Microformats 2 markup GitHub Pages blog. https://barryfrost.com/2016/07/introducing-webhook-mentions
Chris Aldrich
The concept of task completion in IndieWeb also reminds me a little of the functionality GoodRead.com has for updating one's status on reading a book: Either I'm on page X of Y or I'm X% done with book. Eventually one completes the book. In their UI, they also present a completion bar with the percentage of the book that's read to give a visual indicator as well. I don't suppose there's any reason a webmention couldn't also include a percentage finished to add this piece of data.
David Shanske
liked this
Jekyll & Microblogging
Jekyll, microblogging and IndieWeb
Rick Mendes
Interesting ! Wondering how Tasks could receive the same type of "Yes,No,Maybe" like Events and perhaps use a similar approach to have "todo, done, ongoing" completion status?
Assigning tasks to other users would need the ability to @mention another user/site to propose an assignation to someone else and some mechanism to know when the task is accepted by the user or not or fallback to non-assigned task if nobody take it.
Pelle Wessman
3 tricks to better handle npm modules
Developing with npm modules isn’t just installing modules and then updating them. In a team environment you might not even know when a new module should be installed or when its version requirement has changed. This can cause lots of weird unexpected behaviors when the installed modules doesn’t match the expectations of the app – and that annoys and is a waste of time.
Here I’ll give you three tricks to avoid that. Tricks which I’ve begun to use over the years and which we’re currently using at my latest p
Pelle Wessman
3 tricks to better handle npm modules
Developing with npm modules isn’t just installing modules and then updating them. In a team environment you might not even know when a new module should be installed or when its version requirement has changed. This can cause lots of weird unexpected behaviors when the installed modules doesn’t match the expectations of the app – and that annoys and is a waste of time.
Here I’ll give you three tricks to avoid that. Tricks which I’ve begun to use over the years and which we’re currently using at my latest p
Drei aka Bitcoin Master
Folding phones, Plantry, Code is Law, npm modules, Unbound
I lol’d when Stuart said folding phones are a solutionin search of a problem.
När tågtrafiken kollapsar – vem fyller upp?
Tantek Çelik
Once you have a domain^1, and connect it to an #IndieWeb service like https://micro.blog, or a https://indieweb.org/CMS on https://indieweb.org/web_hosting, you can focus^2 on your writing.Or if you enjoy #webDevelopment and want to build (option three^3), use developer services to more rapidly add IndieWeb building blocks^4 to your site so you too can focus on creating & owning your content^5.Here are some of the most common and popular developer services:1. Webmention sending: https://webmention.app/ by h
Tantek Çelik
https://jhey.dev/ (@jhey@front-end.social) hey! thanks for the kind words.Two sides to supporting #webmentions:1. Sending: https://webmention.app/ is excellent, by https://remysharp.com/ (@rem@front-end.social), or you can write your own Webmention sending loop using endpoint discovery libraries, and in that loop you can do other things, like also send each link to the Internet Archive (https://indieweb.org/Internet_Archive#Trigger_an_Archive, what I do on my site) to archive each link as of the time you li
Amit Gawande
IndieWebify Your Hugo Website
IndieWebify Your Hugo Website
For many, that’s too much of jargon right there in the title. So to bit of basics first. I would not go into the history or setup of this website. TL;DR this is site build with a static site generator Hugo themed by a custom port of Ghostwriter theme. In this post, I want to focus mainly on why and how of IndieWeb.
Ever since I built this site, I had grown pretty determined to styling this exactly to my liking. Every section in here is thought through and has a purpose. When I was happy with what I had at
Chris Aldrich
Reply to Chris Finazzo about Jekyll and GoodReads alternatives
Replied to a tweet by Chris Finazzo (Twitter)
I cannot use Goodreads. The user experience just makes me too sad.— julia ferraioli (@juliaferraioli) February 9, 2019
I stared using it about 8 months ago when I signed up for Audible. The site and app are hot garbage, so I’ve been looking at going the @indiewebcamp route... pic.twitter.com/BFUzDJ5XjP— Chris Finazzo (@chrisfinazzo) February 9, 2019
However, because I use Jekyll and don’t pray to some JavaScript-powered deity, I have to try to assemble things
liked something
liked something
liked something
liked something
Anonymous
Embracing the IndieWeb
Hugo transition complete, it is time to go Indie
Alan S.
Retuning up my indieweb
Over three years ago I spent a long weekend building my very own, basic but functional webmentions implementation. When I switched the site to Hugo from my homegrown pile of static-blog-building scripts last year, I put rebuilding webmention support way, way on the back burner, and never got back around to it.
I really wasn’t fully geared up to make that system work with Hugo, so today with this writeup from Daniel Goldsmith I used the webmention endpoint from Pelle Wessman, to rebuild all of that function
Daniel Goldsmith (dgold)
Website transition to Hugo is complete! Now for the next stage:It is time to go Indie!https://ascraeus.org/embracing-the-indieweb/
Keith Gaughan
liked this
Jakub Turski
liked this
lalonde
liked this
Barry Frost
Introducing Webhook Mentions
Webhook Mentions: my very simple app to send Webmentions from your Microformats 2 markup GitHub Pages blog. https://barryfrost.com/2016/07/introducing-webhook-mentions
David Shanske
liked this
Jekyll & Microblogging
Jekyll, microblogging and IndieWeb
Malcolm Blaney
Indie-config and local storage
Pelle Wessman shared an interesting demo at IndieWebCamp Nuremberg over the weekend. If your site supports composing new posts based on web actions you can enter the relevant urls here: http://voxpelli.com/demo/indie-config and then whenever you visit a site that supports indie actions, it will redirect you to your own site to create a post. Magic!
Wait, web actions? indie actions??
OK yes, what does all this mean? Let's explain it! web actions are simply an extra query parameter on your url that tells your
unrelenting.technology
Posts
Articles
Replies
Photos
KB
In reply to
Pelle Wessman shared an interesting demo at IndieWebCamp Nuremberg over the weekend. If your site supports composing new posts based on web actions you can enter the relevant urls here: http://voxpelli.com/demo/indie-config and then whenever you visit a site that supports indie actions, it will redirect you to your own site to create a post. Magic!
Wait, web actions? indie actions??
OK yes, what does all this mean? Let's explain it! web actions are simply an extra query parameter on your url that tells your composing UI what you want to do. For instance, I can follow the link https://unicyclic.com/mal/blog?like=example.com/some-post and my blog page will know that I want to create a post that likes example.com/some-post:
If your post creation UI can do something like this, then it supports web actions.Indie actions are the other side of this, they are the links on posts that allow you to like or share it. You can see them on any post on unicyclic.com and many other sites support them. Now the trick is, the person who includes these actions on a post, can't specify the recipient of the action. That's where Indie config comes in.
Indie config creates the link between the actions on a post and your own site. It does this by utilising the fact that web browsers can register protocol handlers for new schemes (ie http). Pelle came up with the web+action scheme, which you register in javascript with a url on your own site.
Now this part is a bit technical, but the url on your site return some specially crafted html. In fact it's mostly javscript and it's job is to post a message about the web actions you support. Where does it post a message to? Well that might be the most clever part of the puzzle yet! Indie config dynamically injects an iframe into the page you're viewing, and sets it's src to web+action:load which pulls in your web action details. Now you have all the information you need to interact with the actions on the page.
There is more detail to all this, but I wanted to mention how local storage can be used to improve this work flow. It's possible to do all this work as a stateless system, but local storage allows you to introduce some memory. Pelle has provided his demo site so that you can skip storing the special message posting javascript, instead he stores your details in local storage and uses them to post the message back to your iframe.
I also use local storage in dobrado with indie config, but use it a little bit earlier in the series of steps. If I can successfully retrieve a site's web actions, I store them at that point in local storage. That means I don't need to keep looking for them once they're available, and I also provide a way to view and remove the current settings. It also means I can convert indie action links to real links since I already have all the details.
So that's an overview of indie config and local storage! I'm glad to see they can be used together in other ways, and of course the two methods described are actually complimentary.
—
Malcolm Blaney
on
Apr 19, 2016 03:03
Huh, I thought the big reason for indie-config and its iframe hack (instead of just registering handlers for each action like web+reply, web+like) was that the config is not local to a browser!
Yeah, another reason is flexibility – fallback links to Twitter actions, choosing the actions that are available… But is all that really necessary?
I still think that simply registering web+reply, web+like, etc. handlers would’ve been better.
posted
Apr 20, 2016 11:00
in
Replies
using
micropublish.herokuapp.com
and updated
Apr 20, 2016 11:00
powered by sweetroll2
Huh, I thought the big reason for indie-config and its iframe hack (instead of just registering handlers for each action like web+reply, web+like) was that the config is not local to a browser!
Yeah, another reason is flexibility – fallback links to Twitter actions, choosing the actions that are available… But is all that really necessary?
I still think that simply registering web+reply, web+like, etc. handlers would’ve been better.
Tantek Çelik
Testing webmentions in content @indiewebcamp:* https://jeena.net/photos/221* http://voxpelli.com/* https://aaronparecki.com/2016/04/16/22/foursquare* https://justonestep.de/notes/20160416-1417/* https://waterpigs.co.uk/notes/4goD_3/
Peter Molnar
Extending Press This in WordPress to support indieweb reply, like and repost
[object Object]
Kyle Mahan
@voxpelli @LanceCoyote you should be able to add the js to your Red Wind theme pretty easily, here they are in mine github.com/kylewm/redwind/blob/5079982251010fe504c9b1a8e7ef2b91c545210d/redwind/themes/boxy/templates/post.jinja2#L81
Aaron Gustafson
Enabling Webmentions in Jekyll
While I am really happy with my choice to move away from a dynamic website/blog to a static one—powered by Octopress, hosted for free on Github—it’s been pretty limiting when it comes to integrating comments and other more necessarily dynamic components.
Like many folks in the Octopress/Jekyll community, I’ve opted to use Disqus’ free service to manage comments, but I’m not in love with it. First of all, it requires JavaScript. You know my stance on that. Now I’m willing to accept comments as an enhancem
Tyler
Now-a-days people can just use Yarn https://yarnpkg.com
Pelle Wessman
In reply to:
https://tyler.cat/2016/now-a-days-people-can-just-use-yarn
Yarn certainly helps with some parts of this. Eg. parts of "installed-check" can be replaced with "yarn check", but the engine checks, "dependency-check" and "husky" certainly still provide value when using Yarn.
The ecosystem is to a large degree still the same, no matter if one uses the Yarn client or the npm client.
04 November 2016
by
Pelle Wessman
Like
Share
Reply
See mentions of this post
Yarn certainly helps with some parts of this. Eg. parts of "installed-check" can be replaced with "yarn check", but the engine checks, "dependency-check" and "husky" certainly still provide value when using Yarn.
The ecosystem is to a large degree still the same, no matter if one uses the Yarn client or the npm client.
Pelle Wessman
3 tricks to better handle npm modules
Developing with npm modules isn’t just installing modules and then updating them. In a team environment you might not even know when a new module should be installed or when its version requirement has changed. This can cause lots of weird unexpected behaviors when the installed modules doesn’t match the expectations of the app – and that annoys and is a waste of time.
Here I’ll give you three tricks to avoid that. Tricks which I’ve begun to use over the years and which we’re currently using at my latest p
Housekeeping May 2016
A not so brief summary of the updates I've made to my blog over the last month.
TomWithTheWeather
liked this
Pelle Wessman
reposted this
Malcolm Blaney
Indie-config and local storage
Pelle Wessman shared an interesting demo at IndieWebCamp Nuremberg over the weekend. If your site supports composing new posts based on web actions you can enter the relevant urls here: http://voxpelli.com/demo/indie-config and then whenever you visit a site that supports indie actions, it will redirect you to your own site to create a post. Magic!
Wait, web actions? indie actions??
OK yes, what does all this mean? Let's explain it! web actions are simply an extra query parameter on your url that tells your
unrelenting.technology
Posts
Articles
Replies
Photos
KB
In reply to
Pelle Wessman shared an interesting demo at IndieWebCamp Nuremberg over the weekend. If your site supports composing new posts based on web actions you can enter the relevant urls here: http://voxpelli.com/demo/indie-config and then whenever you visit a site that supports indie actions, it will redirect you to your own site to create a post. Magic!
Wait, web actions? indie actions??
OK yes, what does all this mean? Let's explain it! web actions are simply an extra query parameter on your url that tells your composing UI what you want to do. For instance, I can follow the link https://unicyclic.com/mal/blog?like=example.com/some-post and my blog page will know that I want to create a post that likes example.com/some-post:
If your post creation UI can do something like this, then it supports web actions.Indie actions are the other side of this, they are the links on posts that allow you to like or share it. You can see them on any post on unicyclic.com and many other sites support them. Now the trick is, the person who includes these actions on a post, can't specify the recipient of the action. That's where Indie config comes in.
Indie config creates the link between the actions on a post and your own site. It does this by utilising the fact that web browsers can register protocol handlers for new schemes (ie http). Pelle came up with the web+action scheme, which you register in javascript with a url on your own site.
Now this part is a bit technical, but the url on your site return some specially crafted html. In fact it's mostly javscript and it's job is to post a message about the web actions you support. Where does it post a message to? Well that might be the most clever part of the puzzle yet! Indie config dynamically injects an iframe into the page you're viewing, and sets it's src to web+action:load which pulls in your web action details. Now you have all the information you need to interact with the actions on the page.
There is more detail to all this, but I wanted to mention how local storage can be used to improve this work flow. It's possible to do all this work as a stateless system, but local storage allows you to introduce some memory. Pelle has provided his demo site so that you can skip storing the special message posting javascript, instead he stores your details in local storage and uses them to post the message back to your iframe.
I also use local storage in dobrado with indie config, but use it a little bit earlier in the series of steps. If I can successfully retrieve a site's web actions, I store them at that point in local storage. That means I don't need to keep looking for them once they're available, and I also provide a way to view and remove the current settings. It also means I can convert indie action links to real links since I already have all the details.
So that's an overview of indie config and local storage! I'm glad to see they can be used together in other ways, and of course the two methods described are actually complimentary.
—
Malcolm Blaney
on
Apr 19, 2016 03:03
Huh, I thought the big reason for indie-config and its iframe hack (instead of just registering handlers for each action like web+reply, web+like) was that the config is not local to a browser!
Yeah, another reason is flexibility – fallback links to Twitter actions, choosing the actions that are available… But is all that really necessary?
I still think that simply registering web+reply, web+like, etc. handlers would’ve been better.
posted
Apr 20, 2016 11:00
in
Replies
using
micropublish.herokuapp.com
and updated
Apr 20, 2016 11:00
powered by sweetroll2
Huh, I thought the big reason for indie-config and its iframe hack (instead of just registering handlers for each action like web+reply, web+like) was that the config is not local to a browser!
Yeah, another reason is flexibility – fallback links to Twitter actions, choosing the actions that are available… But is all that really necessary?
I still think that simply registering web+reply, web+like, etc. handlers would’ve been better.
Tantek Çelik
Testing webmentions in content @indiewebcamp:* https://jeena.net/photos/221* http://voxpelli.com/* https://aaronparecki.com/2016/04/16/22/foursquare* https://justonestep.de/notes/20160416-1417/* https://waterpigs.co.uk/notes/4goD_3/
Malcolm Blaney
liked this
Ryan Barrett
Experts don’t change the world, society does – Pelle Wessman
yes! i wrote about this a while back too: https://snarfed.org/2013-04-30_people-dont-matter
Rick Mendes
Interesting notes here for those into static but #indieweb websites
Peter Molnar
Extending Press This in WordPress to support indieweb reply, like and repost
[object Object]
Pelle Wessman
Den oberoende sociala webben 2015
Sociala medier. Synonymt med Facebook, Twitter, Instagram. Vad händer när en av dem försvinner? Är det game over då? Jaiku i repris, fast denna gång utan livlina?
Framtiden för sociala medier kan låta dyster. Om de inte läggs ner helt så kan de ju i alla fall ha moraliska frågetecken kring konst, aktivism eller annat. Men i det fördolda har många länge ställt frågan: Om webben är öppen, varför måste det sociala vara stängt? Och nu börjar det röra sig där.
Att ställa en fråga har alltid varit bra. Att fixa
Lukas Rosenstock
liked this
Kyle Mahan
@voxpelli @LanceCoyote you should be able to add the js to your Red Wind theme pretty easily, here they are in mine github.com/kylewm/redwind/blob/5079982251010fe504c9b1a8e7ef2b91c545210d/redwind/themes/boxy/templates/post.jinja2#L81
Kyle Mahan
liked this
Aaron Gustafson
Enabling Webmentions in Jekyll
While I am really happy with my choice to move away from a dynamic website/blog to a static one—powered by Octopress, hosted for free on Github—it’s been pretty limiting when it comes to integrating comments and other more necessarily dynamic components.
Like many folks in the Octopress/Jekyll community, I’ve opted to use Disqus’ free service to manage comments, but I’m not in love with it. First of all, it requires JavaScript. You know my stance on that. Now I’m willing to accept comments as an enhancem
Jeena
Note #274
I don't need your website to change anything, and I don't need a browser extencion, I use a bookmarklet which does that and works for every webpage on the internet.
Scott Kingery
Scott Kingery Reclaiming the reply with Indie-Config - Overview #indieweb Scott Kingerypublished this 2014-10-21T15:59:50+00:00 0 stars 0 comments
Reclaiming the reply with Indie-Config - Overview #indieweb
Ryan Barrett
liked this
Kyle Mahan
Replying this way is so amazingly seamless, like magic. Great work, @voxpelli!
Aaron Parecki
@voxpelli.com Sweet!
@lionzan
Webmentions in and out!
Yes, apparently I made it! I'm able to receive webmentions, thanks to the service created by Pelle Wesseman at webmention.herokuapp.com. And I am also able to send webmentions through the Ruby code created by Aaron Parecki. The code surely fires out webmentions, but I didn't see any on the mentioned posts (yet). Hmmm... :/
Ryan Barrett
liked this
New service: WebMentions for static pages
Want to implement webmentions but you’re using static pages a-la Jekyll? No problem. Pelle’s got you covered.