BeauLebens.com

An aggregation of Beau on the internet

Menu

Skip to content
  • Blog
  • Archive
    • Posts
      • Tweets
    • Images
      • Flickr
      • Instagram
    • Links
      • Delicious
      • Instapaper
    • Places
      • Check-ins
      • Trips
  • Explore
  • Projects

The Indieweb | Parallel Transport

http://kartikprabhu.com/article/indieweb-love-blog
  • #read

The Indieweb | Parallel Transport

Kartik Prabhu: The #indieweb or: how I learnt to stop worrying and love the #blog. Comes about a year since I went indie (http://t.co/F12bVkf4IJ)

26 March, 2014

The Indieweb

or: how I learnt to stop worrying and love the blog.

It’s been about a year since I ditched Blogger and made a move to my own site. Somewhere between all the python programming and CSS designing (and the physics on the side!), I was introduced to the IndieWeb. And I was hooked…

I previously wrote about my decision to move from Blogger in Redux. All the design decisions that motivated me then, still stand. The indieweb adds another piece to the independence puzzle. Can you own your data? Can your site somehow directly talk to other sites on the Web? Can you like, favourite, +1 other people’s posts without relying on Facebook, Twitter or Google?

The IndieWeb is an attempt to answer to all of those questions with a “Yes!”

For a time the Web was ruled by blogs — people writing their thoughts on their own personal part of the Web. Your blog was your identity on the Web. Syndication (like RSS/Atom) helped beam new posts to potential readers. But the ability to react, to discuss was restricted to the comments sections. People couldn’t really communicate with each other, through their own blogs.

individual blogs and identities

Then came the silos — the Facebooks, the Twitters, the Tumblrs, the Googles. We could now post things on the Web through our profiles with a simple click. We no longer had to write long blog articles, we could just tweet something in under 140 characters, or just post a photo from a vacation. Our friends (and foes) could react, discuss using their own profiles. We offered up our online lives to these silo-gods in exchange for limitless connectivity. It was all so easy. The silos slowly gobbled up the Web.

The convenience of silos

The blogs of old, withered (some even say, died); starved by the silos. But the Web is still a fragmented place. These silos don’t really talk to each other. Unless your friend bows to the same silo-god as you do, the two of you can not communicate. Our Facebook profiles are separate from the Twitter ones even though we post the same thing to each of these silos; we have the same friends, each with different profiles for each silo. Our persona is fragmented; our audience, our friends are fragmented; the Web is fragmented.

fragmented identities in a silo-scape

All the advances in connectivity are hoarded up inside the silos.

So how do we keep an independent persona on a site/blog and still communicate and stay connected to everyone else?

The first step would be to speak a common language on the Web. Wait! We already do that! It is called HTML. It is how your browser knows to fetch a page from some website and display it to you. HTML allows you to post text, images, videos on the Web and link to them. Of course, this is not really enough because HTML is very simple (by design). It can not — on its own — say whether this page is an article, or a person’s profile, or a comment made by another person.

Enter microformats. Microformats add a bunch of vocabulary to the existing HTML. It can identify a part of the page as a post — an article, a photo, an event; another part as the author of the post; a third part as a reply — a comment, a like, an RSVP — to the post. The microformats specification does this by using the already existing words of HTML without trying to completely reinvent the wheel — which makes it quite simple.

microformats add meaning

Once we speak a common language we need a common sound. This is provided by webmention. It is a way for you to tell me “Hey, I have written a post replying to your post. Check it out!”. I can then read your post and find out whether it is a comment, a like or an RSVP (because we both speak HTML+microformats) and then include it correctly in my post.

blogs talk through a webmention

Webmention allows us to communicate with each other, all the while posting on our own sites/blogs. No need to bow before the silo-gods!

The beauty of webmentions is, it does this by using the same technology that your browsers use to fetch a webpage — HTTP. No reinventing the wheel again!

“But I still want to be on Twitter!”, I hear you say. Well then, first post on your own site, and give copies to the silos. This is called POSSE. Ryan Barrett has made this amazing tool for backfeeds called Bridgy, that sends you webmentions for all the activity on your tweets back to your own original post. This way all the likes, replies on your copies find their way back home to your original post!

POSSEing to a silo and getting copies of activities back home

“Can I use this right now?”

There are quite a few mature tools already. Many indieweb tools are available for WordPress including a webmention plugin. Bloggers like Dan Gillmor and Darius Dunlap have already started using them on their own blogs. So if you know how to install WordPress, a theme and some plugins you are good to go! Another project to watch out for is Idno, used quite nicely by Ben Werdmüller.

Right now the IndieWeb is mostly a group of developers making tools for themselves and playing with them. But it is all open for anyone to use. One of the main goals is to make the whole process of posting to your own site as easy as posting to silos, along with the simple UI/UX that goes with it. If you are a programmer/web-designer go ahead and contribute to the indieweb! Make your own project, add to the existing ones, give feedback about what you need/want, but most importantly use what you make. This really is for everyone.

The interconnected IndieWeb aka The Web

So that’s the IndieWeb or: the Web as it ought be — free, open and connected.

These diagrams are mostly how I made sense of the IndieWeb from all the words. The world needs more pictures, I say! Hence this post.

All the nice little people characters drawn by Divya Tak, who ironically wanted me to link to her Facebook page!

  1. This is a whole another can of worms. I wrote about this earlier in The Blogging Dead.
  2. See the Wikipedia article on Linkbacks for other approches and history. Webmention has the major advantage that it uses HTTP to all the talking. Thanks to Christian Weiske for pointing out that other linkbacks also use HTTP.
  3. I already have this active on my site! There is a form below every article to help you notify me of your reply in case your server does not do it automatically for you. The display of replies is not as nice as I’d like it to be but, it’ a start…
  4. I already POSSE my notes. I have still to implement getting back replies though. Done! You can now see activity from Facebook, Twitter and Google+ at the bottom of this article. Here is a nice example of webmentions, POSSE and backfeed working in tandem from Aaron Parecki.
  5. This selfdogfooding is important. If you don’t use the tools you build, why should anyone else?
  6. Actually that is just a small part of it. Find out a lot more about the IndieWeb at indiewebcamp.com. It is a wiki too!
  7. …free as in free speech, not as in free beer.— Richard Stallman at GNU.org. Also gratis versus libre.

:

    shared on:

  • Google+
  • Twitter

    tags:

  • indieweb
  • web
  • blog



  1. Matthew Eargle

    replied

    on facebook.com

    with

    This seems pretty brilliant. Is it safe to assume that it works well?

    on




  2. Kyle Mahan

    replied

    on facebook.com

    with

    It does! There’s not any ONE thing, but if you mark up your stuff with microformats and send webmentions (just about the simplest HTTP POST message possible), you can do a lot of cool things.

    on




  3. Tyler Finck

    replied

    on Twitter

    with

    @kartik_prabhu fascinating! Never heard of #indieweb but that’s definitely the right idea.

    on

    via Bridgy




  4. Kartik Prabhu

    replied

    on Twitter

    with

    @finck you might be interested in the @indiewebcamp in NYC this June see: indiewebcamp.com/2014##East+Coa… (kartikprabhu.com/notes/fink-ind…)

    on

    via Bridgy




  5. Ron Chester ★

    replied

    on Twitter

    with

    @kartik_prabhu I did a RT of this article, but it didn’t show up on the page on your website with the article. Should it show up there?

    on

    via Bridgy




  1. Ben Werdmüller




  2. Joschi Kuphal




  3. Tantek Çelik




  4. Jeremy Zilar




  5. Tantek Çelik




  6. Rudiger Meyer




  7. Kartik Prabhu




  8. Tantek Çelik




  9. Aaron Parecki




  10. Kyle Mahan




  11. Rudiger Meyer




  12. Andreas Petersell




  1. Kyle Mahan




  2. Ryan Barrett




  3. bear




  4. Kevin Marks




  5. Jeremy Keith




  6. Ηρακλής Παπαθεοδώρου




  7. Jeremy Zilar




  8. Ben Werdmüller




  9. Nate Savery




  10. Ron Chester ★




  11. Shane Hudson




  1. Justin Sorvillo




  2. localherodotbiz




  3. Aaron Parecki




  4. Eric Wallace




  5. Tim Strehle




  6. Ryan Barrett




  7. Kristen Parks




  8. Matthew Eargle




  9. Leo Stein




  10. Ηρακλής Παπαθεοδώρου




  11. Beau




  12. Tantek Çelik




  13. MirandaN




  14. Colin Charles




  15. Dominick Moses




  16. merici




  17. Aaron Parecki




  18. Pius




  19. Markus Heurung




  20. IndieWebCamp




  21. IndieWebCamp




  22. Tyler Finck




  23. Tantek Çelik




  24. Brennan Novak

Shortlink:

Share this:

  • Click to share on X (Opens in new window) X
  • Click to share on LinkedIn (Opens in new window) LinkedIn
  • Click to share on Pocket (Opens in new window) Pocket
  • Click to print (Opens in new window) Print

Like this:

Like Loading...

Similar Entries

Saved on Instapaper 8:08 pm, May 1, 2014

Post navigation

← They’re filming something right here…
The Universe Is Programmable. We Need an API for Everything | Enterprise | WIRED →

People

  • Erika Schenck (1,817)
  • Helen Hou-Sandi (194)
  • Automattic (177)
  • Scott Taylor (132)
  • Kelly Hoffman (131)

Categories

  • Uncategorized (28,856)
  • Personal (9,315)
  • Posts (304)
  • Techn(ical|ology) (192)
  • Projects (77)

Tags

  • read (3,919)
  • wordpress (624)
  • sanfrancisco (421)
  • automattic (394)
  • photo (392)

Year

  • 2025 (238)
  • 2024 (1,014)
  • 2023 (953)
  • 2022 (819)
  • 2021 (906)
Powered by Homeroom for WordPress.
%d