Save 37% off PRO during our Black Friday Sale! »

Why We Need the IndieWeb

Why We Need the IndieWeb

A tech talk presented in March 2015 introducing the IndieWeb and why I believe it's important that you own your data.

Video at: https://vimeo.com/125167234

C5f16821c0f8cbf21c48e606f0e0b9bf?s=128

Barry Frost

March 26, 2015
Tweet

Transcript

  1. WHY WE NEED THE INDIEWEB

  2. GEOCITIES

  3. GOWALLA

  4. UPCOMING

  5. DOPPLR

  6. MAGNOLIA POWNCE VOX BRIGHTKITE TR.IM BUZZ WAVE MOBILEME IWEB PLAZES

    DAILYBOOTH IGOOGLE
  7. CLAIMID ZOOTOOL QIK SPREADLY JUSTIN.TV SPRINGPAD FOTOPEDIA POSTEROUS GOOGLE CODE

  8. None
  9. (The less popular 8.8.4.4 is slated for discontinuation)

  10. None
  11. None
  12. !

  13. None
  14. AND SO... INDIEWEB

  15. Your content is yours

  16. You are better connected

  17. You are in control

  18. None
  19. BUILDING BLOCKS

  20. REL="ME"

  21. <ul> <li> <a rel="me" href="https://twitter.com/barryf">Twitter</a> </li> <li> <a rel="me" href="https://github.com/barryf">GitHub</a>

    </li> <li> <a rel="me" href="https://plus.google.com/+BarryFrost1">Google+</a> </li> </ul>
  22. INDIEAUTH

  23. None
  24. None
  25. None
  26. MICROFORMATS 2

  27. H-ENTRY <div class="h-entry"> <h1 class="p-name">Title</h1> <div class="e-content"> <p>Content</p> </div> </div>

  28. { "items": [ { "type": [ "h-entry" ], "properties": {

    "name": [ "Title" ], "content": [ { "html": "<p>Content</p>" } ] } } ] }
  29. H-CARD <div class="h-card"> <img src="u-photo" src="http://barryfrost.com/my-photo.jpg"> <a class="u-url p-name" href="http://barryfrost.com">

    Barry Frost </a> </div>
  30. { "items": [ { "type": [ "h-card" ], "properties": {

    "photo": [ "http:\/\/barryfrost.com\/my-photo.jpg" ], "url": [ "http:\/\/barryfrost.com\/" ], "name": [ "Barry Frost" ] } } ] }
  31. WEBMENTION

  32. GET /posts/1 HTTP/1.1 Host: foo.com HTTP/1.1 200 OK Link: <http://foo.com/webmention-endpoint>;

    rel="webmention" <html> <head> <link href="http://foo.com/webmention-endpoint" rel="webmention"> </head> <body> <a href="http://foo.com/webmention-endpoint" rel="webmention"></a> </body> </html>
  33. POST /webmention-endpoint HTTP/1.1 Host: foo.com Content-Type: application/x-www-url-form-encoded source=http://barryfrost.com/baz&target=http://foo.com/foo HTTP/1.1 202

    Accepted http://foo.com/webmentions/1
  34. None
  35. None
  36. None
  37. IN-REPLY-TO <a class="u-in-reply-to" href="https://snarfed.org/2015-01-22_pesos-for-bridgy-publish"> Ryan's post on snarfed.org </a>

  38. REPOST-OF <a class="u-repost-of" href="https://twitter.com/globaldev/status/540906167762165761"> Global Presonals Dev's post on Twitter

    </a>
  39. LIKE-OF <a class="u-like-of" href="https://instagram.com/p/0ISZjPFYPB/"> Sam's pants </a>

  40. SYNDICATION

  41. POSSE PUBLISH (ON YOUR) OWN SITE SYNDICATE ELSEWHERE

  42. None
  43. None
  44. None
  45. None
  46. BACKFEED

  47. BRID.GY !

  48. None
  49. None
  50. None
  51. None
  52. MICROPUB

  53. POST /micropub-endpoint HTTP/1.1 Host: barryfrost.com Content-Type: application/x-www-url-form-encoded Authorization: Bearer XXXXXXXXXXXXXXXXXXXXX

    h=entry&content=This+is+a+post
  54. None
  55. None
  56. FURTHER READING VOUCH READERS PERSON TAG DIRECT MESSAGING

  57. Get started!

  58. INDIEWEBCAMP.COM

  59. None
  60. None
  61. None
  62. Own your data Make data visible POSSE Make tools for

    you Document what you do UX first Be modular Build for the Long Web Bet on the web
  63. THANKS

  64. Mashable: Geocities image. Our Incredible Journey: Dopplr, Gowalla, Pownce, Upcoming

    images. XKCD: https://xkcd.com/1361/ News articles: The Register, the Telegraph, 9to5Mac and the Guardian. Ryan Barrett: post from snarfed.org. Aaron Parecki: https://www.youtube.com/watch?v=7sP4k2nPu7w Ian Winter: tweet / Sam Barnes: photo. All other content is CC0 (public domain) via the Indieweb community.