#indiewebcamp 2013-04-19

2013-04-19 UTC
b0bg0d joined the channel
#
tantek
and then once they solved the where are comments stored, how do we notify comments have been made problems - they claim they're done (e.g. pingback)
#
aaronpk
and that's why I'm not really interested in building any sort of backend comment thing yet until the UX part is figured out
#
tantek
and then fail to actually solve *the most important problem*
#
tantek
the UX of the damn thing in the first place
#
tantek
well, by "until the UX part is figured out" - do you mean, until the UX part is figured out by someone else, or until the UX part is figured out by you?
#
tantek
(I'm trying to do the latter, obviously, figure out the UX of a good commenting system)
#
aaronpk
i'm happy to contribute of course :)
#
tantek
I mean, I'm happy to share what I figure out and have you simply implement it :)
#
tantek
s/figure out/design ;)
#
Loqi
tantek meant to say: I mean, I'm happy to share what I design ;) and have you simply implement it :)
#
aaronpk
that works too :)
#
tantek
in looking at FB/Tw/IG/4SQ - I'm finding all kinds of little details each is getting wrong and right
#
tantek
it's really intersting
#
tantek
they don't seem to be copying the best parts of each other (yet)
#
tantek
more like independent evolution
#
aaronpk
yea, it's fascinating how different the engagement is between all the services
#
tantek
even between their web / mobile-web / iOS app versions - it's like they have different designers on each that are designing more by taste than by what actually works best (across all three)
#
Loqi
BETWEEN ALL THE SERVICES http://loqi.me/71e
#
tantek
so let me answer your storage question
#
tantek
and I don't think you're going to like the answer
#
aaronpk
haha ok
#
tantek
but it will illustrate the more pragmatic "what I can ship quickest on my own site" aspect of the IndieWeb way
#
tantek
first iteration is to use Twitter.
#
tantek
That is, when people comment, they're @-replying to the POSSEd copy of my note, but without leaving the original post permalink page of my note.
#
tantek
Except if *I* reply, then obviously it gets posted on my site first, and POSSE'd to Twitter, with the in-reply-to-status-id set accordingly to whatever I was replying to.
#
aaronpk
ah that's interesting
#
tantek
second iteration will likely keep a copy of any comment posted in my own hAtom store, along with the copy of the comment (@-reply) on Twitter.
#
aaronpk
so in both cases you're using twitter for authenticaiton?
#
tantek
(I'll likely have a minor disclaimer somewhere saying that by commenting you place your comment into the public domain per CC0)
#
tantek
(which basically means I have no obligation to provide a delete interface or anything else)
#
tantek
yeah, RelMeAuth + Twitter
#
aaronpk
that's very reasonable
#
tantek
that's my thinking in terms of what can I code sooner than a fully federated system, and still have people be at least somewhat interested in using it
#
tantek
now what would be *really* interesting is to figure out how make a "Comment" or "Reply" webaction button which e.g. your site or Barnaby's toolbar could take over and then use it to post to your own site, and then notify my site through webmention
#
aaronpk
seems like that wouldn't be too difficult
#
tantek
so third iteration, listen to webmentions for indieweb comments
#
aaronpk
i mean you can't put an inline comment box and also post to twitter, so it means you have to use the tweet buton popup thing
#
aaronpk
which means the browser extension could override that
#
tantek
but then - how to display them - I'd prefer that they look like normal comments
#
tantek
so my first goal is to enable others to @-reply to my notes directly from my notes pages themselves, rather having to go to Twitter to find the POSSE'd copy and reply to that
#
aaronpk
and people should be able to reply to one of the comments the same way!
#
tantek
and then of course to allow me to also follow-up reply to those
#
tantek
but before I implement any of this UI I want to first be able to reply to tweets from my site the way you and Barnaby (and tommorris too?) do
#
tantek
so that's the zeroth iteration
#
tantek
just to catch up to what you and barnaby have working already
#
tantek
hmm I should distinguish that
#
tantek
from my own lazy in-reply-to links
#
aaronpk
oh I just realized your notes don't link to the twitter syndicated copy
#
tantek
no not yet. it's in the post storage but I'm not displaying it yet.
#
aaronpk
if you have it in the post data, why are you not yet displaying it?
#
tantek
the usual blocker. a good UI for doing so.
#
tantek
needs to sketch more
#
aaronpk
yes I would change the UI I use for mine if I were to implement comments as you described
#
tantek
and heck - all you guys display/link to your POSSE'd copies totally differently!
#
tantek
so there's no indieweb UI pattern yet for displaying links to syndications
#
tantek
I mean we just came up with rel=syndication for discovery of said links like last week or something
#
tantek
has been trying to wrap his brain around the entire set of distributed commenting UI/protocol/implementation challenges.
#
tantek
and tease out building block solutions one at a time
#
tantek.com
edited /comment (+207) "/* Examples of Replies */ distinguish best practice of threaded POSSE'd tweets vs. adhoc reply practices"
(view diff)
#
@efemurl
RT @biancawelds: So I went ahead and replaced Google Reader with a self-hosted Tiny Tiny RSS installation. So far, so good. #indieweb
#
tantek
aaronpk - AFAIK - you have the only example of an indieweb reply to an indieweb post where the POSSE'd copy of your reply properly links back to the POSSE'd copy of the indieweb post you're replying to.
#
tantek
I don't know how much of what you did there was manual markup vs. p3k doing it for you, but it's awesome.
#
tantek
that post definitely broke new ground in terms of how replies / POSSE should work
#
tantek
do you have any other reply posts to other indieweb posts like that?
#
tantek
and was that the first?
#
aaronpk
ah yea that was the first on my site!
#
aaronpk
I did have to manually push it to twitter (using the "tweet" button that appears on my posts!)
b0bg0d joined the channel
#
tantek
but then how did you create the "Reply on Twitter" link in the sidebar of that post permalink?
#
tantek
did you create that by hand?
#
aaronpk
oh right,I had to go back in to the post and add the tweet ID
scor joined the channel
#
aaronpk
now that I did that whole flow by hand I have a good idea of how to automate it
#
aaronpk
cause I had only been replying to single tweets or posts before
#
tantek
awesome! looking forward to seeing you automate the implementation of that!
#
tantek
and yes - that's why I'm working on first getting "replying to single tweets" working on my setup
#
tantek
you definitely set a high water mark with that post
#
tantek
have you had more since?
#
tantek
I mean I realize that post was only 30 days ago :)
#
aaronpk
nope :( haven't found many other people posting stuff and syndicating to twitter
#
tantek
but it was a breakthrough of sorts
#
tantek
all my notes are POSSEd to twitter :P
#
tantek
so next time you feel like replying to one of my notes… :)
#
aaronpk
I should talk to you more on the web :)
#
tantek
LOL! :)
#
Loqi
definitely
#
tantek
perhaps I need to figure out something to say that is clever/worthy enough to deserve a decentralized comment post from aaronparecki.com ;)
#
tantek
obviously written to be self-describing - did you click through to his home page? now that's an interestingly designed timeline/stream!
#
aaronpk
it is!
#
caseorganic
tantek: yes, i think we should invite him to indiewebcamp
#
caseorganic
tantek: he just turned 16
#
aaronpk
16??? I thought he was at least 18
#
caseorganic
aaronpk: nope - he's a nice guy.
#
aaronpk
bnvk has told me about him a few times
#
caseorganic
tantek: we should also invite colby alley, his partner in crime. alsojust turned 16
#
aaronpk
you've seen that post?
#
tantek
caseorganic - do it! get him to signup on the guest list asap
#
tantek
anybody that's pouring that much creativity into their own site, *and* is analyzing facebook to that depth should be at indiewebcamp
#
aaronpk
aw his site doesn't accept pingbacks/webmentions, was going to send him a ping!
#
tantek
aaronpk - it's still non-trivial to support receiving pingbacks/webmentions
#
tantek
in fact when I do code it I may only add support for receiving webmentions and forgo dealing with any XML-RPC nonsense
#
aaronpk
yea xmlrpc is nonsense
#
aaronpk
that's why I wrote the pingback->webmention bridge
#
aaronpk
so nobody should ever have to write xmlrpc nonsense again
#
aaronpk
you're more than welcome to use it (it's hosted at pingback.me)
#
tantek
oh so then I set my pingback discovery to the bridge which then passes a webmention to my server?
#
tantek
ahhhhhhh
#
tantek
ok that finally makes sense
#
aaronpk
great :)
#
aaronpk
i should make that its own page on pingback.me
#
aaronpk
or webmention.org
#
Loqi
fo sho
#
tantek
oh thanks - was just going to ask for those docs
#
tantek
since I didn't see them obviously link to from pingback.me
#
aaronpk
hm..thoguht I did
#
aaronpk
ah yea it's feature #3
b0bg0d joined the channel
#
tantek.com
edited /pingback (+884) "FAQ: How do I implement receiving pingbacks?"
(view diff)
#
aaronpk
haha! step one: First, don't bother with XML-RPC.
#
aaronpk
excellent
#
tantek.com
edited /pingback (+17) "nolink example.org"
(view diff)
#
tantek
aaronpk - want to write-up the corresponding "How do I implement sending pingbacks?"
#
tantek
(which hopefully can also be done without bothering with XML-RPC :) )
#
aaronpk
ooh I should make the bridge that direction too
#
tantek
oh - I had assumed you had ;)
#
tantek
(only nit, UI, not sure the HASHTRAFFIC javascript popups are adding much if anything to the experience)
#
tantek
(generic word hashtags on twitter are pretty useless at this point - unless you just want to view mostly subliterate text, sadly enough)
#
tantek
we need a good indieweb solution for what hashtags should link to (on indieweb sites)
#
tantek
to your own tag page would be great (view all your own posts tagged with … )
#
aaronpk
that's what mine do now
#
tantek.com
created /hashtags (+652) "stub"
(view diff)
#
aaronpk
didn't you link to a google search of that hashtag at some point?
#
aaronpk
I used to do that until I implemented a tag page of my own, I thought I based it off of what I saw on your site
#
tantek.com
edited /building-blocks (+31) "stuff in posts - hashtags"
(view diff)
#
tantek.com
edited /hashtags (-8) "building blocks"
(view diff)
#
tantek.com
edited /hashtags (+65) "another possibility"
(view diff)
#
tantek
I use Google for search on my own site - to search my own site chronologically
#
tantek
but I've never hyperlinked hashtags in my posts
#
tantek
I did say that I was considering doing that a while ago
#
tantek
but I really didn't like the results from Google
#
tantek
so I left the hashtags unlinked for now
#
tantek
until I can figure out / build something that I like
#
tantek
wow it looks like Jackson's site is based on Wordpress
#
tantek
and cue Loqi detection of tweet in 3.. 2.. 1...
#
tantek
(or maybe not?)
#
tantek
aaronpk - is Loqi no longer watching for #indieweb tweets?
#
@t
Have your own #indieweb site &amp
#
Loqi
want to know how to best post/POSSE/accept/display comments?
#
tantek
oh that's odd - why didn't Loqi see the previous tweet: https://twitter.com/t/status/325062902233059328
#
@t
30 days ago @aaronpk posted the first #indieweb to indieweb reply with threaded POSSE'd tweets: http://t.co/847MRv7a8Z (ttk.me t4PZ1)
b0bg0d, spinnerin, tantek, caseorganic, danbri, friedcell, eschnou, seyz, dpk, barnabywalters, xtof, duckbillp, scor and mxuribe joined the channel
#
waterpigs.co.uk
edited /hashtags (+527) "Added WaterPigs.co.uk plus how I do tags, section on discovery problems"
(view diff)
#
waterpigs.co.uk
edited /hashtags (+45) "Added example"
(view diff)
#
waterpigs.co.uk
edited /hashtags (+123) "Added brief section on markup (will add links, etc when I have a real keyboard)"
(view diff)
morrocco_mole and mwunsch joined the channel
#
markwunsch.com
edited /2013/Guest_List (+542) "/* Remote Participants */"
(view diff)
#
markwunsch.com
edited /2013/Guest_List (-2) "/* Remote Participants */"
(view diff)
#
mwunsch
I'm going to try to attend remotely
scor, barnabywalters, duckbillp and tantek joined the channel
#
aaronparecki.com
edited /2013 (-12) "venue TBD"
(view diff)
b0bg0d joined the channel
#
tantek
aaronpk - are you guys moving?
#
aaronparecki.com
edited /Main_Page (-64) "/* Where */ venue TBD"
(view diff)
#
aaronparecki.com
created /events/2013-04-26-indieweb-meetup (+1084) "Created page with "== Details == === When === <span class="dt-start dtstart"><time class="value">2013-04-26</time> from <time class="value">18:30</time></span> <span class="dt-end dtend"> - <time ...""
(view diff)
singpolyma joined the channel
#
aaronpk
tantek: morning!
#
aaronpk
not moving, but our office is now reconfigured and we don't really have space anymore (we're at 14 people now instead of the 6 we were last year)
#
aaronpk
I have a lead on another space though, not far away
#
tantek
oh wow ok
#
tantek
congrats on your growth!
#
aaronpk
thanks! it's been interesting for sure!
#
tantek
looking forward to hearing about the new space - can it handle about the same number of people?
#
tantek
as in capacity ~50?
#
aaronpk
yes I believe so. should also be set up better to handle intro/wrapup sessions
friedcell joined the channel
#
tantek
awesome! are you going to add it to FB also?
#
aaronpk
yep! just did, inviting a few people now
#
aaronpk
disappointed I can't filter my friends to invite by searching for everyone in San Francisco
#
aaronpk
this is a *lot* of cognitive overhead to look through my whole friends list
#
tantek.com
edited /events/2013-04-26-indieweb-meetup (+221) "add h-event hCalendar"
(view diff)
#
tantek
indeed - it's way to hard to figure out who to invite to events in FB
#
tantek.com
edited /events/2013-04-26-indieweb-meetup (+37) "p-name summary duh ;)"
(view diff)
#
Loqi
giggles
#
aaronpk
i miss the old plancast
#
tantek
aaronpk - I'm just glad it still works
#
tantek
post-acquisition and all
#
tantek
the fact that they're iterating on it means it should be around a while
#
aaronpk
I suppose so
#
aaronpk
definitely a different target market now
#
tantek
as opposed the domain/site being shutdown 6-18 months post-acquisition
#
tantek
re: FB event - just start with a reasonable set of people and make the event public
#
tantek
encourage folks to invite others - distribute the problem :)
#
tantek
I'll add some folks too
scor joined the channel
#
aaronparecki.com
created /Category:Events (+114) "Created page with "Below are pages representing IndieWeb events, including each year's conference as well as meetups during the year.""
(view diff)
#
aaronparecki.com
edited /Events (+11) "/* upcoming */"
(view diff)
#
aaronpk
is there anything like calagator.org for san francisco?
#
tantek
aaronpk - not that I know of
#
tantek
is calagator only for PDX?
#
aaronpk
calagator.org is, the software is open source and there are many instances of it
#
tantek
right - from the name it sounds generic to any location ;)
#
aaronpk
should have been pdx.calagator.org :)
#
tantek
might as well post it there and see what happens
#
tantek
oh no, no subdomains!
#
aaronparecki.com
edited /User:Aaronparecki.com (+74) "/* projects */ stub link to p3k"
(view diff)
#
tantek
WOOT!!!
#
tantek
yay p3k!!!
#
tantek
ok just invited a bunch of people to the FB event - thanks again for posting this (a week in advance even!)
#
aaronpk
great!!
#
tantek
make me a co-admin and I can help update the details with transit info etc.
#
aaronpk
oh cool
texburgher joined the channel
#
tantek
done! even
#
aaronparecki.com
created /p3k (+2006) "Created page with "{{stub}} = p3k = '''p3k''' is the name of the software that runs [http://aaronparecki.com aaronparecki.com] and [http://caseorganic.com caseorganic.com] === Rough Notes === * ...""
(view diff)
#
aaronpk
running to the airport now
#
tantek
go go go!
xtof joined the channel
#
tantek
welcome xtof!
#
tantek.com
edited /p3k (+4) "/* Rough Notes */"
(view diff)
#
tantek
aaronpk - you already do photos, checkins, and sleep posts on aaronparecki.com?
#
xtof
bonjour tantek
#
tantek.com
edited /projects (+233) "/* experimental */ and p3k goes to the top of this list, since there's two indiewebcamp community members using it"
(view diff)
#
barnabywalters
two users? congrats! that’s an indiewebcamp record, no?
#
tantek
for something developed by one of us? yes, it's a milestone :)
#
tantek
barnabywalters did you see the comments/replies discussion from yesterday?
#
barnabywalters
tantek: no, I’ll have a read in a bit. Currently up to my nose in iframe/postMessage code
#
tantek
oh dear
#
tantek
good luck!
#
barnabywalters
ah, yep, I saw your note :)
#
tantek
and when you get back - wondering if you've posted any replies on your site to other indieweb posts, and then had your POSSEd tweet link back to their POSSEd tweet
#
tantek
(the way aaronpk's post did)
#
tantek
so far there's only one such indieweb comment/reply post in existence: http://aaronparecki.com/replies/2013/03/19/1/indiewebcamp
#
tantek
and aaronpk admits he had to do some of it manually but now better understands the flow of how to do so so he can actually automate it
#
tantek
and I myself am still working on implementing simple replies to tweets in Falcon (what you and aaronpk already have working)
#
tantek
is wondering if tommorris ever got that working in Ferocity
erinjo joined the channel
#
tantek
welcome erinjo!
#
erinjo
hi
#
tantek
aaronpk is organizing an indieweb meetup dinner while he's in town next Friday
#
tantek
(convenient location :) )
#
aaronparecki.com
edited /p3k (+82) "/* Rough Notes */"
(view diff)
#
tantek
ah ok - thanks for the clarification
#
tantek
that's great
#
aaronparecki.com
edited /p3k (+20) "/* p3k */ since I know everyone is wondering"
(view diff)
#
barnabywalters
WOO postMessage code successful. okay, reading logs…
#
barnabywalters
RE placement of comments box before/after comments: yeah, I wonder if any research has been done to determine how effective each approach is. I like facebook’s approach of showing your comment inline with the conversation, and truncating it to the last few items
#
barnabywalters
facebook’s overall UI tends towards not being much good, but I think they have lots of little components which are very effective
#
barnabywalters
and obviously they have lots of money+people working on getting high engagement
#
tantek
" lots of little components which are very effective" - totally agreed
#
barnabywalters
although we’ve already determined that they optimise for regular dopamine triggers and that we should be careful about copying that
#
tantek
definitely some design inspiration we can steal there
#
tantek
that's true
#
tantek
or at least be deliberate about it
#
barnabywalters
i.e. we actually value our content, rather than simply wanting people to interact with it in as many ways as possible :/
#
tantek
frankly, getting some more dopamine triggers on indieweb efforts wouldn't be a bad thing - we're kind of low on that now ;)
#
barnabywalters
also RE engagement: consider the amount of friction which goes into writing a facebook comment. Almost none
#
tantek
plus, if we actually get people hooked on coming back to our indieweb sites rather than coming back to their silos ...
#
barnabywalters
all the context is instantly visible, and you don’t have to move from the keyboard to the mouse
#
tantek
consider the amount of friction which goes into writing a comment here on IRC. almost none :)
#
tantek
right - agree about having the content/context visible while writing a comment
#
barnabywalters
tantek: because the UI is the same, right?
#
tantek
nearly
#
tantek
fb.com shows a nice little avatar of you next to the "write a comment…" input box
#
barnabywalters
the difference in IRC is that the context IS the original, replied-to content
#
barnabywalters
tantek: yep, that’s another interesting detail
#
tantek
commenting UIs have LOTS of little interesting details that are different from a generic "write a post" UI
#
tantek
commenting UIs have evolved A LOT in the last 10 years
#
tantek
whereas blogs' approach hasn't really.
#
tantek
and sadly, the distributed/decentralized approaches had crappy UIs to begin with (pingback/trackback yuck) and have not evolved at all.
#
tantek
so we need to advance the state of the art in distributed commenting UIs
#
tantek
leapfrog what everyone else has done while blogging UIs have slumbered
#
barnabywalters
hm, this feels like something we could potentially get properly right with a bit of effort
#
barnabywalters
in designing the UI we may also find discrepancies between replies and comments dissolving
#
barnabywalters
i.e. the distinction may be worthless
#
tantek
right - I'm not sure what the difference is, if any, between a reply and a comment
#
tantek
so I'm going to treat them generically as the same until there's some use-case or data to distinguish them
#
tantek
other than, Twitter uses "Reply" in their UI, and Facebook uses "Comment" in their UI.
#
tantek
and now that I've said that
#
barnabywalters
not to mention the fact that both words are used both as verbs and nouns
#
barnabywalters
with “post” and ”leave” scattered willy nilly
#
tantek
the *only* difference that just popped in my head, is that Twitter replies start with a @-name reference, whereas comments don't necessarily.
#
tantek
the only content difference that is
#
barnabywalters
tantek: I see that convention carried over to lots of other services now
#
tantek
some comments start with the name of the person being replied to, and some don't (implied from context)
#
tantek
sure - other services too
#
barnabywalters
and the cowpath is being paved
#
barnabywalters
i.e. github, disqus, livefyre
#
tantek
so are replies just the subset of comments that start with a name reference? (@-name, URL, other)
#
barnabywalters
perhaps. as I say, the distinction is probably not valuable except in contexts which explicitly require it, i.e. twitter
#
tantek.com
edited /comment-presentation (+150) "intro/context"
(view diff)
#
tantek.com
edited /comment (+410) "Reply distinction"
(view diff)
#
tantek
ok captured that at least, the question, and our meager thoughts on it
#
tantek
we can iterate more as we figure more out
#
barnabywalters
cool, thanks
#
barnabywalters
lol — I can’t help but think “I’m discussing the differences between a reply and a comment — where did my life go wrong?” ;)
#
tantek
I'm fine with just calling them all comments for now
#
tantek
barnabywalters - there's a difference between discussing and capturing ;)
#
tantek
we capture it on the wiki so we can park the discussion in its current state without feeling a need to discuss it further immediately and come to some grand conclusion :)
#
tantek
(incidentally, capturing such partial/incremental discussions seems to be both a challenging/useful skill to learn, and particularly good use for wikis)
#
barnabywalters
yeah, I have #indiewebcamp to thank for introducing me to wikis as a thought management system
#
tantek
barnabywalters - I'm leaning towards thinking that we do really need a separate design for writing indieweb comments than just what indieweb post authoring UIs provide
#
tantek
the context is so important when writing a comment
#
tantek
that any comment UI must show the context of what you're commenting about
#
tantek
which requires a very different design
#
tantek
incidentally, such a separate UI could also be the endpoint for a "comment" webaction
#
barnabywalters
so, in-place?
#
tantek
in-place is ideal yes
#
tantek
but cross-site should work as a fallback - and make sense as well
#
barnabywalters
at the moment my goal is for my posting UI to detect content I am replying to and load the context into the UI
#
barnabywalters
this is not optimal past one or two items
#
tantek
so e.g. if you have a comment webaction button on your post, and I click it, either I get an in-place UI to write a comment post on my own site, or if in-place is too hard (or no JS etc.), then it should take me to the comment webaction endpoint on my site
#
barnabywalters
at which point in-place, probably via webactions + iframes is the path I’d take
#
tantek
the latter (webaction endpoint on my site) is also likely easier for me to just go implement
#
barnabywalters
tantek: we already have #2, and the iframe + postmessage code I was working on earlier is the basis for #1 ;)
#
tantek
whoa cool!
#
barnabywalters
tantek: exactly, #2 is easier
#
barnabywalters
#1 is harder but better UX
#
tantek
so I'm working on figuring out how to build #2 because I can build it more quickly
#
barnabywalters
I have #1, am working on #2, in a roundabout way
#
tantek
and it will also be a good fallback for if/when #1 doesn't work
#
tantek
so the time implementing #2 isn't wasted
#
tantek
also, #2 is easier to hook into via browser extensions
#
barnabywalters
once my iframe+postmessage thing is a little more stable I’ll start documenting it on the wiki
#
barnabywalters
I think it has a number of potential uses
#
tantek
whereby, e.g. if I click a "Reply" button on Twitter, the browser extension knows to make that take me to the comment UI on my own site, with the original tweet loaded as context above the text input box
#
barnabywalters
tantek: did you test out the web action toolbelt?
#
tantek
not yet - but that's what I'm thinking of
#
tantek
implementing #2 on my site, and then hooking it into the webaction toolbelt extension
#
barnabywalters
so you actually have a web-based posting UI now? Last time I saw falcon you were writing in BBEdit
#
tantek
no web-based posting UI yet
#
tantek
but I can start to mix the two
#
tantek
because I do have a web-based posting confirmation UI (that loads any new unpublished posts it sees in storage)
#
tantek
so I can start to add reply context smarts to that
#
barnabywalters
it’ll be cool to see different values in the “using” field — I think you’re the only person recording+displaying that information
#
tantek
it's all part of adding in-reply-to-status-id support
#
tantek
instead of just having a dumb text input for the URL of the tweet I'm replying to, I want my UI to show the tweet I'm replying to
#
barnabywalters
php-mf2 has backward support for twitter.com classnames, just so you know
#
tantek
I'm designing the UI as if everything I have is already fully web-based, and then I'll adapt what I can to what is implemented, and incrementally move forward from there.
#
Loqi
implemented is both long and includes forgettable punctuation
#
barnabywalters
might save you some parsing time, if I managed to get the structures all correct
#
Loqi
yeah!
#
barnabywalters
tantek: hah, almost like TDD :)
#
tantek
barnabywalters - I was just going to call the Twitter APi to retrieve the tweet - but yeah if I can call php-mf2 that would be great!
#
tantek
barnabywalters - UIDD :)
#
barnabywalters
that’s like the opposite of API/URL driven design
#
tantek
no, just one previous step
#
tantek
design the desired UI first. from that, design the necessary URLs. from that design the necessary APIs.
#
tantek
all product design should start from the user perspective and be designed downward into the code.
#
tantek
otherwise too easy to get lost/distracted designing unnecessary or suboptimal APIs
#
tantek
(but some people like API design for its own sake, so yeah, they tend to start there - and never actually finish a UI)
friedcell joined the channel
#
tantek
start with sketching UIs over and over again until you get something you like. then start figuring out the URLs and the code.
#
barnabywalters
I’ve always tended towards that before, starting to get out of the habit now
eschnou joined the channel
#
tantek
fundamentally, assume HTTP/REST as an API exists and move on from there
#
tantek
so yeah, sketch first, sketch often.
#
tantek
nice thing with sketching is that it's fun and you don't feel committed to any one sketch. you can always sketch again. quickly.
#
tantek
even just sketching out simplifications of others' UIs is helpful
#
tantek
it's a good visualization feedback loop
#
tantek
and on that note, I'm off for a fastwalk where I'll be thinking/visualizing more about indieweb commenting UIs - and maybe sketching afterwards when I get some coffee.
#
barnabywalters
is that exactly what it sounds like?
#
eschnou
hi all, I would like to test/debug my pinback implementation tonight, anyone to ping ?
#
eschnou
and to get a ping ?
#
tantek
yeah - still recovering from an ankle injury - doctor said not to restart running until 6 days from now, so I've been fastwalking instead
#
barnabywalters
eschnou: I’m always up for pinging :) Also wordpress.com is a good way of testing pingback support
#
barnabywalters
tantek: ooh, nasty :( GWS
#
eschnou
barnabywalters, :-) actually, when you mentioned me in your latest posts I did not get anything from you...
#
barnabywalters
eschnou: sounds like I need to do some pingback testing too then :)
#
tantek
thanks barnabywalters - yes, mostly well but podiatrist wanted to make sure everything was solid before he said it was ok to run again
#
tantek
pingback.me is useful
#
aaronpk
eschnou: try a post on aaronparecki.com, or indiewebcamp.com!
#
eschnou
tantek, last time I checked it was broken, and mentioned it to aaronpk
#
tantek
well then, I'll leave you two to that :)
#
eschnou
tantek, aaronpk still getting a forbiden here: http://pingback.me/api/links?target=http%3A%2F%2Fpingback.me
#
aaronpk
what? i'm not...
#
aaronpk
caching?
#
barnabywalters
okay, in theory I just sent pingbacks to aaron, indiewebcamp.com and eschnou.com
#
aaronpk
barnabywalters: i didn't see anything...did you get a 'success' reply?
#
barnabywalters
aaronpk: just checking my logs
#
eschnou
barnabywalters, nothing incoming either :-(
#
eschnou
aaronpk, do you syndicate the pingback you receive publicly somewhere ? I just pinged you.
#
aaronpk
I should see it in one of my private IRC channels
#
Loqi
fo sho
#
aaronpk
oh eschnou I did get yours!
#
barnabywalters
hm, my logs report that they found all of your URLs, and no errors
#
barnabywalters
so I must be catching the error condition but not logging it
#
barnabywalters
I’ll try to fix it tomorrow — got to go now
#
barnabywalters
goodnight all
#
Loqi
see you in the morning!
#
eschnou
aaronpk, barnabywalters, thanks ! At least I can ping ;-)
#
eschnou
aaronpk, do you mind sending one to me ?
#
aaronpk
how come the link is to twitter.com/aaronparecki but the pingback thinks it worked?
#
eschnou
aaronpk, huh.. weird indeed, it seems I'm mixing up things and need to fix this
#
eschnou
aaronpk, there is a ling to both, one with an empty content, some regex are mixed up in my code :-)
#
aaronpk
sent pingbacks!
#
eschnou
aaronpk, got it (twice in fact) : http://eschnou.com/home?tab=1, just seems I have more rendering issues, got stuff to debug now :-) thanks !
#
aaronpk
I think it sent two because of the in-reply-to link as well as me mentinoing you by URL
#
eschnou
aaronpk, makes sense, I need to put something in place to detect this and filter duplicates, but at least it works and now I just need some fine tuning.
#
aaronpk
cool! are you planning on displaying it as a comment?
#
eschnou
aaronpk, yes, it should actually be displayed already, I need to look for what went wrong with yours.
#
aaronpk
maybe my markup is bad and it couldn't find the post content?
#
aaronpk
I do see an "8 minutes ago"....
#
aaronpk
ah yea looks like it tried
#
eschnou
aaronpk, it definitively is something in the parsing of the markup, not sure where the issue is, I'll let you know !
#
aaronpk
cool thanks! I wouldn't be surprised if I got my markup wrong somewhere
#
aaronpk
heading on the plane now, ttyl! thanks for the fun experiment!
#
eschnou
aaronpk, we'll continue, let's show them what true federation really is :-)
#
eschnou
aaronpk, have a good flight
scor, singpolyma, friedcell, friedcell1, b0bg0d, josephboyle, josephboyle1, reidab and tantek joined the channel
#
tantek
!tell eschnou just saw http://eschnou.com/home?tab=1, including syndication of the pingback from aaronpk - well done! that's awesome that you got all that directly from parsing the h-atom on his permalink page.
#
Loqi
Ok, I'll tell them that when I see them next
#
tantek
!tell eschnou also, this is a great step forward in indieweb comment presentation: http://eschnou.com/entry/testing-indieweb-federation-with-waterpigscouk-aaronpareckicom-and--62-24908.html
#
Loqi
Ok, I'll tell them that when I see them next
caseorganic joined the channel
#
aaronpk
hmm methinks I should be hosting my own image URLs of people and shrink them down to 32px or something
#
aaronpk
or ditch the little minicard markup and try to do all the styling in css only
b0bg0d joined the channel
#
tantek.com
edited /comment-presentation (+205) "add eschnou's post with a comment from the indieweb in the manually section until he says if/how it's automatically generated"
(view diff)
#
tantek
aaronpk - not sure about the whole image URLs of people hosting thing
#
tantek
some amount of caching may be good for speed and/or fallback
#
tantek
but from a distributed social web perspective, embedding from each person's own site is probably better
#
tantek
and heck if we *all* do that, then those images are cached in the browser across sites
#
aaronpk
well the main problem i'm noticing is that i'm linking to people's pics and they are all different sizes, and anything downstream doesn't know their size or how to render them
#
tantek
so if you load tantek.com and it shows you my avatar icon
#
tantek
then when you go to a comment on aaronparecki.com, the image of me is already cached in the browser
#
tantek
= faster user experience
#
tantek
more weblike
#
tantek
oh different sizes? just use CSS to resize them
#
aaronpk
that's what i'm doing on my site
#
tantek
so they're all the same within the context that you're using
#
aaronpk
but now eschnou has to add that css too
#
tantek
but no reason to cache/host - that seems like too much extra work
#
tantek
well anyone who's embedding images from someone else's site has to deal with sizing them
#
aaronpk
also RSS readers... CSS doesn't work there, they show the image inline
#
tantek
so that's normal
#
tantek
RSS readers - meh
#
aaronpk
and it looks pretty goofy
#
tantek
RSS readers look pretty goofy all by themselves
#
tantek
and if they want to look consistent, they can resize it however they want, with CSS for web based RSS readers, or natively for RSS reader apps
#
tantek
I mean heck they're already using code to make the text look the same
#
aaronpk
hah ok I do like the answer "your rss reader sucks, it should be displaying the image better"
#
tantek
yeah - RSS readers already have this problem with posts that have images inside them
#
tantek
they look like crap
#
tantek
really impressed with eschnou's progress
#
aaronpk
indeed!
#
tantek
it's the first indieweb post to display an indieweb to indieweb comment inline right in its entirety? (so much better than pingback double ellipsing crap)
#
tantek
and since I wrote a "local" comment on that post - it's now showing an example of how you'd display replies from the indieweb and local replies on the same post
#
tantek
right now it looks like they go in distinct sections
#
tantek
and their presentation is inconsistent
#
tantek
but I'm hoping in the future two things:
#
tantek
1. their presentation can be made to look consistent - regardless of where the comment came from
#
tantek
2. they can be listed in chronological order (rather than divided up by section of where they came from)
#
tantek
regardless - awesome progress! thanks for helping out eschnou with this - you guys totally rock.
b0bg0d and tantek joined the channel