#indiewebcamp 2013-03-18

2013-03-18 UTC
spinnerin, zztr, bnvk, Nadreck, lmorchard, b0bg0d and eschnou joined the channel
#
@IDMclean
POSSE Publish On Site Syndicate Elsewhere: http://indiewebcamp.com/POSSE
zztr, b0bg0d, eschnou, bnvk, tigerfinch and tilgovi joined the channel
#
@xtof_fr
Les flux #rss sont en train de mourir. Bienvenue aux flux sémantiques ! http://christopheducamp.com/wiki/%C3%80_propos_des_silos_vs_un_Web_Social_Ouvert#flux-s%C3%A9mantique /by @t #indieweb
#
@ndebock
RT @xtof_fr: Les flux #rss sont en train de mourir. Bienvenue aux flux sémantiques ! http://christopheducamp.com/wiki/%C3%80_propos_des_silos_vs_un_Web_Social_Ouvert#flux-s%C3%A9mantique /by @t #indieweb
adactio joined the channel
#
@digpenSW
RT @BarnabyWalters: Booked ticket for @digpensw — so if anyone wants to talk #microformats, #indieweb or #webactions… http://waterpigs.co.uk/notes/1142/
#
@MGZALLP
RT @xtof_fr: Les flux #rss sont en train de mourir. Bienvenue aux flux sémantiques ! http://christopheducamp.com/wiki/%C3%80_propos_des_silos_vs_un_Web_Social_Ouvert#flux-s%C3%A9mantique /by @t #indieweb
bnvk, friedcell, b0bg0d, mxuribe and adactio joined the channel
#
waterpigs.co.uk
created /webactions-verbs-research (+3127) "Created with dump"
(view diff)
#
waterpigs.co.uk
created /webactions-verbs-brainstorming (+1854) "Created with conversation dump"
(view diff)
#
waterpigs.co.uk
edited /webactions () "(-4717) Removed research and brainstorming, replaced with links"
(view diff)
#
waterpigs.co.uk
edited /webactions-verbs-research (+117) "/* Verbs Research */"
(view diff)
b0bg0d and jedahan joined the channel
#
@anildash
@Pinboard @jkottke @newsblur Indieweb plan: 1. Plod away on a moderately popular app. 2. Wait years for big company to screw up. 3. Profit!
jedahan joined the channel
#
@NewsBlur
RT @anildash: @Pinboard @jkottke @newsblur Indieweb plan: 1. Plod away on a moderately popular app. 2. Wait years for big company to scr ...
bnvk joined the channel
#
@tedjgould
RT @anildash: @Pinboard @jkottke @newsblur Indieweb plan: 1. Plod away on a moderately popular app. 2. Wait years for big company to scr ...
eschnou joined the channel
#
tantek
what's indieweb about that?
jedahan and b0bg0d joined the channel
#
tommorris
tantek: we've been web2.0-ised or cloud-ised or html5-ised. jargon time.
#
aaronpk
oh! I just realized I met anildash at sxsw this year... totally forgot he'd been tweeting a bunch of indieweb stuff lately... darn!
b0bg0d and bnvk joined the channel
#
tantek
tommorris - interesting that that post garnered so many posts/comments, yet no comments on the follow-up: http://dashes.com/anil/2012/12/rebuilding-the-web-we-lost.html
#
tantek
aaronpk - yeah! you could/should have invited him to participate in IndieWebCamp! :)
#
aaronpk
I bumped in to him in the hallway after he got off stage from interviewing dennis crowley
#
@charlesroper
All students and teachers and makers of the Web should read this about silos vs selfhosting #indieweb http://tantek.com/2013/073/b1/silos-vs-open-social-web +@raymondpirouz
#
tommorris
tantek: that's because that post was, well, linkspammy. ;)
#
@tominsam
RT @anildash: @Pinboard @jkottke @newsblur Indieweb plan: 1. Plod away on a moderately popular app. 2. Wait years for big company to scr ...
#
tantek
tommorris - by linkspammy do you mean too self-linky?
bnvk joined the channel
#
@evanpro
RT @anildash: @Pinboard @jkottke @newsblur Indieweb plan: 1. Plod away on a moderately popular app. 2. Wait years for big company to scr ...
#
tantek
tommorris - funny thing about Anil's "Web We Lost" posts - the day he posted the second one, Brian Oberkirch IM'd it to me and I got into a "heated" discussion with him on IM - which resulted in this post: http://tantek.com/2012/353/t1/chat-spew-blog-post-into-im-push-buttons
#
tantek
I still have my chat log captured as a blog post draft in my blog-this.txt file - and upon reflection, glad I waited and let the raw material simmer
#
tantek
what I captured was very critical, and not nearly as productive/constructive as what I ended up writing up in the Silos vs Open Web post
#
tantek
and I don't really feel like it would be helpful to pick a blog fight with Anil Dash - his heart is in the right place (in terms of building an indieweb-like solution), even if he is focused on a single-implementation centric view (ThinkUp) rather than a community.
#
tantek
would be great to get him involved in IndieWebCamp and get his perspectives in person
#
@rcuza
RT @anildash: @Pinboard @jkottke @newsblur Indieweb plan: 1. Plod away on a moderately popular app. 2. Wait years for big company to scr ...
#
@zelpst
RT @anildash: @Pinboard @jkottke @newsblur Indieweb plan: 1. Plod away on a moderately popular app. 2. Wait years for big company to scr ...
erinjo and b0bg0d joined the channel
#
tantek.com
created /web_hosts (+25) "r"
(view diff)
#
tantek.com
created /web_host (+25) "r"
(view diff)
bnvk joined the channel
#
tantek
oh hey they linked to indiewebcamp
#
aaronpk
i found it from the pingback :)
eschnou, morrocco_mole, andreypopp, tantek, b0bg0d and bnvk joined the channel
#
@jgbarah
Indie Web Projects: #freesoftware for growing the independent web http://indiewebcamp.com/projects
texburgher joined the channel
#
@jorgecortell
RT @jgbarah: Indie Web Projects: #freesoftware for growing the independent web http://indiewebcamp.com/projects
b0bg0d joined the channel
barnabywalters joined the channel
#
tantek.com
edited /why (+22) "/* see also */ Why web sign-in"
(view diff)
#
tantek.com
edited /Why_web_sign-in (+153) "/* Why not 3rd party provider email */ Spoofed emails can cause a DoS on your ability to send"
(view diff)
tantek joined the channel
#
eschnou
barnabywalters, I have comments/questions on your webaction toolbelt, where is best to discuss ? Github issues ?
#
eschnou
barnabywalters, did you see I have enabled them on storytlr ? (check http://eschnou.com)
#
barnabywalters
eschnou: here for the mo, we can solidify any actionable outcomes as issues
#
barnabywalters
awesome! I hadn’t seen that (looks)
#
@StarryKari
~73K Facebook fans, put up a post 2 hours ago, and only 11 people were shown it. 11!!!!! This is why, well everything. #indieweb #paytoplay
#
barnabywalters
eschnou: looks great, and fallback is perfect
#
eschnou
barnabywalters, well, the look is my key issue :-)
#
barnabywalters
yeah, it’s not nice
#
eschnou
can't we find a way that you don't mingle with my content ? I add an 'action' and style it as I want, you trigger whatever when clicked.
#
barnabywalters
eschnou: where would fallback content do then?
#
barnabywalters
or, let the user choose the name, and leave the styling to the host site?
#
eschnou
outside, and let ME decide if it should be hidden or not if actions are supported (through whatever class,rel)
#
eschnou
with the fallback inside the tag, it makes it impossible to add text/images/whatever
#
barnabywalters
ME being the website owner? whole point of web action toolbelt is to put the user firmly in control
#
eschnou
no, ME the user :-) I may want to still have the tweet button handy
#
barnabywalters
ah, okay, that’s interesting
#
barnabywalters
so you say you may want the tweet button handy — solution, add it as a service to that verb/tweet button customiser
#
eschnou
or G+ or whatever, so as the site owner, I could mark these through whatever means as the fallback, and the extension would hide them based on the user choice.
#
barnabywalters
eschnou: by choice you mean, give the option to (instead of replacing fallback content) add web action buttons next to them?
#
eschnou
yes
#
eschnou
I also wonder how we can make this looks good. One idea is that the site owner designs it and you don't interfere with the content, only display a popup when clicked.
#
eschnou
Or can I add some css to my site to tweak their look ?
#
barnabywalters
eschnou: I am currently overriding very few CSS properties on the buttons, but I can add a class so you can style them however you want
#
eschnou
ok, happy to try that route
#
barnabywalters
right, adding classes now
#
eschnou
I also would like to add a 'reply' action that is different than 'post' <- why is that one not 'share' by the way ?
#
eschnou
My use case: click reply, reply on my site refering to your post, pingback your post with my reply
#
barnabywalters
eschnou: yep, I have a reply action on individual notes and am going to add it to note lists
#
eschnou
barnabywalters, Ok, just saw the favorite and reply, really nice. It would be great if we could find a way to enable the site owner (e.g. you on your site) to style it so the action looks like the 'fallback' ones.
#
tantek
barnabywalters - nicely done with the web actions wiki page splitting
#
tantek
I think I will add a "post" action on the Tweet buttons on my blog
#
barnabywalters
eschnou: part of the fun of <action> for me was letting go of some of the control I have
#
tantek
*posts
#
barnabywalters
but I realise it might be useful to be able to add images
#
tantek
eschnou - ideally the action UI disappears in the browser and your content looks cleaner
#
tantek
there's some good reasoning about how such "social buttons" are actually bad for the design of a site: http://indiewebcamp.com/webactions#Drop_Social_Buttons
#
barnabywalters
eschnou: okay, I added some classnames to the replaced UI. .toolbelt-web-action, .toolbelt-web-action-button and .toolbelt-web-action-select
#
tantek
with the webactions <action> tag, you could even put them on your site without any fallback
#
barnabywalters
you’ll probably have to use !important, I think style attr styles have higher specificity than styles in classes
#
eschnou
tantek, sure but then you need the actions button to be in your browser toolbar ?
#
tantek
eschnou - somewhere in the browser chrome
#
tantek
could be in the toolbar
#
tantek
could be in a context menu
#
eschnou
tantek, to me they still make sense displayed next to individual entries. E.g. I browse your timeline of your notes and reply to one in particular.
#
tantek
maybe in a sidebar
#
barnabywalters
there’s a lot to be said for positioning these things near the content itself — which is why I was so excited to rediscover that margin marks UI brainstorming
#
tommorris
should probably add the reasons why Wikipedia has rejected social sharing buttons, namely that they'll only replicate and they often have privacy-intruding JS.
#
tantek
maybe like a tooltip
#
barnabywalters
an then, highlights actionable content on hover of margin mark
#
tantek
tommorris - part of the point of web actions is to avoid the privacy-intruding JS
#
tantek
in fact, by having it work with just an <action> tag, no JS is needed at all
#
tommorris
tantek: I told you about the NHS Facebook snafu right?
#
barnabywalters
I haven’t checked if web action toolbelt replaces spy buttons before they have time to track people — seems unlikely if they use cookies
#
barnabywalters
but other extensions handle that better anyway
#
tommorris
my friend mischa made a big stink in 2010 about how the NHS site - which people use to look up medical conditions - had tracking cookies from Facebook and Google.
#
barnabywalters
tommorris: ooh, that’s dodgy
#
tantek
tommorris - scary stuff!
#
tantek
perhaps add that example to that section? http://indiewebcamp.com/webactions#Drop_Social_Buttons
#
barnabywalters
if you have a reply action configured, do=reply rolled out to http://waterpigs.co.uk/notes/
andreypopp joined the channel
#
tommorris.org
edited /webactions (+1110) "/* Drop Social Buttons */ expanding"
(view diff)
#
tommorris
tantek: done ;)
#
waterpigs.co.uk
edited /webactions-verbs-research (+215) "/* Attendee Verb Usage */ Added eschnou’s action element usage"
(view diff)
#
tantek.com
edited /webactions (+593) "/* Verbs */ add Action tag examples in the wild section"
(view diff)
#
tantek
tommorris - nicely done
#
tantek
barnabywalters - I thought the listing of real world examples in the wild of use of <action> tags was worthy of putting on the main webactions page
#
tantek
people like to see that stuff is getting picked up
#
tantek
and where to test their tools that consume it too :)
#
barnabywalters
tantek: good plan, thanks
#
tantek
barnabywalters - I like your extended write-up and analysis on the brainstorming page as well - so let's keep that too. The additional insight/perspective helps.
#
tantek
for the main webactions page I just wanted to at least list sites publishing <action> and which verbs.
#
tantek
I'll add mine there when I have a chance to update it tonight
#
barnabywalters
tantek: and that frees up research for YAY TABLES
#
barnabywalters
making tallies of verb usage
#
tantek
would be great if the headings where had IDs for linking to: http://waterpigs.co.uk/articles/experimental-markup :)
#
barnabywalters
tantek: yeah, been meaning to implement that
#
barnabywalters
now someone’s actually asked I’ll make it a priority
#
tommorris
experimental HTML markup makes me both queasy and excited at the same time
#
tommorris
has anyone from W3C or WHAT WG gotten a bee in their bonnet about it yet? ;)
#
barnabywalters
tommorris: I was a little uncomfortable at first but now I’m actually using it that’s evaporated :)
#
tantek.com
edited /posts-elsewhere (+316) "considering changing heading on my posts from Elsewhere to Syndication"
(view diff)
#
barnabywalters
tantek: RE ^, that terminology is probably worth disucssing
#
tantek
tommorris - the HTML5 parsing model has made experimental HTML markup much more feasible
#
tantek
experimentation is good before specification
#
barnabywalters
esp. because, as you mentioned, we’ve all come up with different terms for the same thing
#
tommorris
indeed. hence the excited bit ;)
#
tommorris
a friend told me that if I disagreed with something in the HTML5 spec to just ignore it and publish it regardless. head/@profile was the specific instance
#
tantek
and since I'm a participant in both the W3C HTMLWG and the #whatwg, I figure I'll bring it up in a more official proposal once our smaller more focused community has worked through the kinks and maybe an iteration or two.
#
tantek
given the disaster that befell Google's web intents, it's worth proceeding (baby) step by step with web actions
#
tantek
barnabywalters - not just different terms, but completely different UIs
#
tantek
we put the syndicated copies links in different places, group / cluster them differently, label them differently
#
tantek
huge differences - it's fascinating
#
tantek
probably worth capturing and comparing some screenshots
#
barnabywalters
yes — I have a load of note-UI design sketches and notes I need to scan and write up
#
barnabywalters
I split my note content into primary, contextual, metadata and network
#
tantek
barnabywalters - same here :) been sketching a bunch of this stuff since 2010
#
tantek
I probably have like 10-20x more sketches than screenshots or digital photos of sketches that I publish
#
barnabywalters
I don’t think I publish any of mine at the moment
#
tantek
tommorris - re: head/profile, feel free to help out with: http://microformats.org/wiki/html5-profile
#
eschnou
barnabywalters, I've restyled the button on my site... have a look and let me know what you think.
#
tantek
now that the HTMLWG officially has HTML5 extension specifications, I can likely get that submitted as such.
#
tantek
(awesome that we're actually managing a couple of threads here :) )
#
tommorris
so the kind of main use case for profile IMHO is being able to specify that some data is essentially a 'subtype'
#
tommorris
like being able to say "all the hCards on this page are Google employees"
#
tommorris
which you could do with the combination of microformats and GRDDL
#
tantek
tommorris - nah, profile is just there for people who like URIs instead of vocabularies in a registry
#
tantek
it's not strictly necessary
#
barnabywalters
eschnou: what should I be seeing? rebuilt+refreshed+cleared cache but I can’t see any difference, or detect any via inspection
#
tantek
just like rel values work without URIs
#
tommorris
but then GRDDL seems kinda dead in the water. the RDF kids have kind of decided that it's problematic
#
eschnou
barnabywalters, hmm... your button is gone and you should just see a lighter link that integrates better in the rest of the design
tilgovi joined the channel
#
eschnou
barnabywalters, the class you added was .web-action-hero-toolbelt-button ? correct ? that's what I used to style it.
#
barnabywalters
eschnou: ah, no, it was what I typed :) toolbelt-web-action and toolbelt-web-action-button
#
barnabywalters
but if the full name makes more sense I can change it
b0bg0d joined the channel
#
tommorris
I'll have a play with the toolbelt at some point ;)
#
barnabywalters
tommorris: cool, any and all feedback appreciated when you do :)
#
barnabywalters
especially RE the quoting UI — the buggiest part but the part I use the most
#
eschnou
ha, so maybe I failed to refresh my extension and it uses old classes :-)
#
barnabywalters
if only all browsers supported getBoundingRect
#
eschnou
do I need to recompile something to get it updated in chrome ?
#
barnabywalters
eschnou: my bad, when I committed the changes I forgot to rebuild! should work now
#
barnabywalters
you will have to refresh it in the extension prefs
#
eschnou
I've done that, but somehow I don't see the new classes
#
barnabywalters
so pulling and refreshing should sort it
#
eschnou
yum, see it in the gitpull.. will close chrome and try again
#
barnabywalters
(cross browser extension development can be a bit sketchy)
#
barnabywalters
but worth it
#
eschnou
barnabywalters, killall/reload, no changes. Do you/do I need to rebuild it for chrome ?
#
eschnou
I've loaded it from the output folder
#
eschnou
barnabywalters, ok, the shim.js in output/chrome is not updated. Is there a way for me to do it or do you need to do some magic ? :-)
zztr joined the channel
#
barnabywalters
eschnou: right, I rebuilt and pushed again, and my copy of shim.js in output/chrome is good
#
barnabywalters
so it should work now (crosses fingers) :)
#
eschnou
barnabywalters, yup ! let me fix my css
friedcell joined the channel
#
barnabywalters
eschnou: yay!
#
Loqi
giggles
#
eschnou
barnabywalters, and also added the reply action, so you should see both
#
barnabywalters
eschnou: I see them (and new styling) — looks great
#
eschnou
barnabywalters, I think your site would look better if you could restyle your actions to have the same look as the fallback
#
barnabywalters
eschnou: yep, I’ll probably do that
#
eschnou
this css trick seems to be enough to achieve pretty much anything, I like it
#
eschnou
just wonder if I could replace an action text by an image through css only
#
barnabywalters
eschnou: .toolbelt-web-action-button::before
#
eschnou
barnabywalters, indeed, CSS3 is awesome :-)
#
eschnou
barnabywalters, on another note, do you support pingbacks ? I haven't seen a link element on your site to your server.
#
aaronpk
or webmention :)
#
barnabywalters
eschnou: I support pingbacks the lightweight way, through the X-Pingback header
#
eschnou
aaronpk, last time I asked, they told me to first do pingback because of userbase :-)
#
barnabywalters
still needs to implement webmention
#
eschnou
barnabywalters, hmmm.. I'm using the php pingback lib, does not seem to get the header, will need to add that
#
aaronpk
you're more than welcome to use my pingback->webmention gateway to avoid writing xml code https://github.com/aaronpk/Pingback#webmention
#
eschnou
aaronpk, I'm almost done with pingback, I promise webmention comes next :)
#
aaronpk
haha, ok
#
eschnou
by the way, I finally had my woaw moment when I realized the power of pingback + microformats :-)
#
aaronpk
i just hate writing code that handles the pingback xml, so I intend to only write webmention code in the future using pingback.me for backwards compatibiliity
#
eschnou
getting the hatom from the source entry to display it nicely on my site is awesome :-)
#
aaronpk
ah nice!
#
eschnou
aaronpk, by the way, your example on using pingbackme for testing in the wiki leads to a forbidden
#
aaronpk
oh no! weird, I thought I had configured that properly...
#
eschnou
barnabywalters, and a final unrelated question: your notes have fullname and links to indieusers (e.g. tantek.com) but your tweets refer to their nick (@t). Got some code to fetch their twitter username from page etc... or you are doing it manually ?
morrocco_mole joined the channel
#
barnabywalters
eschnou: I have rather a lot of code doing that! Some of it needs to be pruned as it is slow
#
barnabywalters
the flow is: #cassis transforms @names into .h-x-username anchors, linked to twitter
#
barnabywalters
then, if I have the person in my address book, it’s expanded into an h-card with details from my db
#
barnabywalters
otherwise, I fetch their details from the identengine.com API
#
barnabywalters
which is great, but slow, so I’ll probably replace that with just getting their details off their twitter page/their page linked from twitter at the most
#
barnabywalters
and I store the original @name in data-at-name, which is replaced at syndication time
#
eschnou
so, when you write your note, you typed @t and not @tantek.com ?
#
barnabywalters
eschnou: yep
#
eschnou
ha, I was planning to do the opposite, feels more indie :-)
#
eschnou
write @tantek.com when I type my note, and the fetch his page, look up rel=me to twitter, and grab his username there
#
barnabywalters
eschnou: indeed, main reason for twitter @names is the speed
#
barnabywalters
and also that #cassis handles the autolinking so I don’t have to write any regexes l)
#
barnabywalters
;), rather (not sure what that smiley is…)
#
eschnou
:-) but what is cassis ?
#
Loqi
cassis is the subset of php and JS
#
barnabywalters
Loqi knows things!
#
Loqi
who, me?
#
eschnou
lol
#
aaronpk
haha nice
#
tantek
Thank you Loqi
bnvk joined the channel
#
barnabywalters
signing off. goodnight all
#
tantek
barnabywalters - did we capture the whole real name / domain / twitterhandle transform discussion somewhere?
#
Loqi
night
#
tantek
just missed him
#
tantek
I feel like there's some important UI aspect there
#
tantek
e.g. the way Instagram figured out how to change people's @-instagram names to @-twitter names when you cross post
#
tantek
they're the first service I heard of doing that
#
eschnou
I was planning to transfor @-indieweb names to @-twitter ones... we'll see how this works out
#
tantek
eschnou - that makes sense too
#
tantek
I mean, why not both ways?
#
tantek
so regardless of what you type, the right thing happens in the right places
#
eschnou
hehe... more code to write ;-)
#
tantek
well, like barnaby said, some of it is already written for you in the cassis.js autolinker
#
eschnou
I'll have a look at that one
#
eschnou
but my idea was to simply go for indieweb users, with autocompletion based on people I already interacted with
#
eschnou
will ping you when I get something functional, so we can play with. Until then... goodnight all !
b0bg0d, bnvk and friedcell joined the channel