#indieweb 2019-03-19

2019-03-19 UTC
wolftune and [kevinmarks] joined the channel
#
[kevinmarks]
"graphic photo of" sounds like a content warning
maze[m], iasai, [tantek] and [cleverdevil] joined the channel
#
[cleverdevil]
Hello IndieWeb! 👋
#
[cleverdevil]
On an airplane for the second time today and catching up on things.
#
GWG
Hi, [cleverdevil]
#
[cleverdevil]
I’m speaking at the next AWS Summit on home automation 😀
#
[cleverdevil]
Notably on my connected BBQ grill.
#
GWG
[cleverdevil]: Fun
iasai, dazinism, camb[m], cuibonobo, Viaken[m], Salt[m], agentofuser[m], is0x3F, M0x1C3B00DA[m], edrex, plindner[m], astrojuanlu[m], hotzeplotz[m], mxuribe[m], pniedzielski[m], JulianF_, wakest[m], Matthew[m], ishj1984[m], zoglesby, grantcodes[m], maze[m]1, noorul[m], grdryn[m], voss[m], PierreOzoux[m], myfreeweb, Rixon, taoxvx, afrogeek[m], cambridgeport90[, adamz[m], CaseD[m], ElMago[m], jaduncan[m], wjh[m], mnzaki[m], rhgg[m], isgy[m], jfkimmes[m], jamietanna[m], nellkate1[m], jgmac1106[m], [jgmac1106], wolftune and [aaronpk] joined the channel
#
[aaronpk]
lol yes "graphic photo of" sounds like something you don't want to have read aloud
#
[jgmac1106]
graphic photo of connected BBQ grill....is a picture that shouldn't exist
iasai, snarfed and [tantek] joined the channel
#
[tantek]
most BBQ grill photos (in action) are quite graphic from a vegetarian perspective
iasai, snarfed, barpthewire, cweiske, reidab, friedcell, KartikPrabhu, jihaisse, [frank], AkyRhO, catsup and [Rose] joined the channel
#
[Rose]
Morning indieweb
[aaronpk] joined the channel
#
[aaronpk]
Good morning!
[jgmac1106] and jeremych_ joined the channel
#
jeremycherfas
Good morning IndieWeb
#
jeremycherfas
Good morning [Rose] and [Aaronpk]
#
[jgmac1106]
Good morning
#
Loqi
happy day
#
jeremycherfas
And to you [jgmac1106]
iasai joined the channel
#
GWG
Morning all
[kevinmarks], iasai, [Franco_Scarpa], [frank], [jgmac1106] and alxd joined the channel; friedcell left the channel
#
[frank]
Is there an official IndieWeb logo? Or just the IWC one?
anotheryou joined the channel
#
aaronpk
Just the IWC one
eli_oat and [tantek] joined the channel
#
[tantek]
Ok I allowed misdirection a bit in the alt conversation (from do you / with what UI, to how you should or should not write a good alt)
#
[tantek]
So I’ll re-ask directly to the folks who spoke up:
#
[tantek]
[jgmac1106] [kevinmarks] [aaronpk] do you yourself put alt text on photos you post on your site, and if so, what UI do you use to enter them?
#
[tantek]
(Seriously not looking for, well I know other software/service has a UI. Just care about what you are doing on your own site, that’s the ultimate litmus test)
#
[tantek]
So far, *everyone* who said they add alt text (yesterday) do so by editing their HTML (that’s their UI), most after they’ve used some actual UI to make the post (thus an explicit second step, *after* publishing, in a different UI)
iasai joined the channel
#
[Rose]
Oh, I also add alt text, but I add it in the Markdown which I send to my site
#
[tantek]
Whoa a first!
#
[Rose]
Sorry, I missed the conversation yesterday, apparently this virus is affecting me more than I thought 🙂
#
[tantek]
Oh no sorry to hear and hope you feel better soon
#
[Rose]
I'm sure I will! The doctor is pumping me full of things to treat my symptoms
#
[Rose]
In good news, I have plenty of time to work on IW things 😄
#
[tantek]
Could you add an example of yours to /alt#IndieWeb_Examples ?
#
[tantek]
Also have you memorized the markdown image alt syntax or do you have to look it up when you use it? (And how long did/does that take, in either case)
#
[Rose]
I write ![alt text](imageref) and done
#
[Rose]
No thoughts required 😄
#
[Rose]
But I modified my CSS I think, I need to check
#
[Rose]
(Or maybe the twig)
#
[tantek]
Right so you’ve memorized the ![]() sequence. Any idea how many weeks/months/years that took? Or maybe how many posts?
#
[Rose]
None, it's the same syntax as for links
#
[tantek]
Except the !
#
[Rose]
Which probably took me 10 minutes to learn a few years ago, just have to add the !
#
[tantek]
Good to know!
#
[Rose]
Yeah, I really like Markdown, there are a few niggles, but in general it's pretty good.
#
[tantek]
You’re lucky. There’s some evidence that it frustrates people too: https://twitter.com/evilgaywitch/status/512364997469409280
#
@evilgaywitch
It’s really rather impressive how much time I spent trying to find the right superset of Markdown and the right editor.
(twitter.com/_/status/512364997469409280)
#
@evilgaywitch
Only so many times you can forget how the fuck to do a link before you just use raw HTML
(twitter.com/_/status/512365234623758336)
#
[tantek]
So some folks can easily remember the Markdown link syntax, and some frustratingly cannot.
#
[Rose]
Interesting, I ran with plain Markdown for years no problem, and then "upgraded" to multimarkdown because that's what Grav supports. I never thought about looking for a specific sub variant.
jihaisse joined the channel
#
[tantek]
Maybe there’s a threshold of initial usage or frequency of usage that one needs to get over before it becomes easy/natural and “no thoughts required”
#
jeremycherfas
Sorry [tantek] I got distracted. Like [Rose], I try to add an informative alt-text, and I do it right in the Markdown post creator. If I'm composing in the Grav backend, it creates the link for you and I add the alt text in the markdown (along with {.left} etc for alignment.
#
jeremycherfas
If I am composing in Byword, more often, I'll add directly to the markdown by hand. I have a Textexpander link, but to be honest I often forget to use that that.
#
jeremycherfas
Here is an example, but beware, it contains images that could be graphic for a vegetarian. https://www.jeremycherfas.net/blog/eating-a-legend
#
[tantek]
Thanks jeremycherfas (my iPod now autocompletes your name!)
#
[tantek]
Would you also consider adding yourself to /alt#IndieWeb_Examples?
#
jeremycherfas
Yay! Also, the thing I find most frustrating in Markdown is the different flavours for footnotes. Everything else I find entirely natural.
#
Loqi
woot
#
[tantek]
Also do you always add alt text to your photos? As in is the markdown (UI) easy / simple enough that you “just do it” or does it require you to think/remember “extra”?
#
[tantek]
Ah you said “entirely natural”
#
jeremycherfas
I try to remember to do it, but I couldn't hand on heart say "always".
#
[tantek]
Can you note that in your example? The UIs you use (markdown, Grav, Byword, Textpander)
#
[tantek]
This is all very helpful for considering alternative alt UIs (as it were)
[kevinmarks] joined the channel
#
[kevinmarks]
If I do it, it is by hand in html. I don't remember in twitter or Instagram.
#
[tantek]
E.g. I felt the MD link & image syntaxes were too noisy (for me) in terms of their (ab)use of punctuation that I decided to just autolink and autoembed plain URLs instead in my text notes
swentel joined the channel
#
[tantek]
So to embed a gif:
#
[tantek]
example.com/foo.gif
#
[tantek]
![](example.com/foo.gif)
#
[tantek]
instead of
#
jeremycherfas
Hey [tantek] What's the wiki version of backticks?
#
[tantek]
So I’m thinking of extending that for alt text like this:
#
[tantek]
example.com/foo.gif (a foo example)
#
[tantek]
Instead of
#
[tantek]
![a foo example](example.com/foo.gif)
#
jeremycherfas
I never post images to Twitter outside of a POSSE and I never add alt-text to IG. I didn't even know you could.
#
[tantek]
And before unleashing this on the default CASSIS autolinker/autoembedder, looking for any feedback.
#
[tantek]
People’s experiences with MD as a UI for alt text are obviously illuminating here.
#
[tantek]
Jeremycherfas do your POSSE posts to twitter with images also propagate your alt text? That would be a great example to add!
#
jeremycherfas
I have absolutely no idea.
iasai joined the channel
#
[tantek]
You can check an example by view source on the posse tweet copy and searching for your alt text
#
jeremycherfas
Most of my POSSE to twitter come from WP blogs, where I am much less careful, but not entirely negligent of, about alt text.
#
[Rose]
As a note: I struggled to memorise the HTML syntax for images and links when I got started with it
#
[tantek]
Rose do you mean src vs href or something else?
[jgmac1106] joined the channel
#
[Rose]
Yes, those.
#
[jgmac1106]
I will go in look on my main Domain I write in HTML so words are my UI...not sure about Known... I should look.. I add in description but I do not know if that becomes alt text or ID... Shame on me
#
jeremycherfas
I still have trouble with HTML for images.
friedcell joined the channel
#
[tantek]
I have past the threshold of having to think to type HTML (it’s all memorized), and yet, I find it just enough extra work that I prefer to write plain text notes that can be read and used as-is without any weird perl-like punctuation.
#
[tantek]
This is what led me down the /autolink /autoembed path and now to the proposal to add alt text via a parenthetical remark after an image URL
#
[tantek]
*passed the threshold
AkyRhO joined the channel
#
[tantek]
(Perl-like punctuation: what I think MD link & image syntax looks like)
dougbeal|mb1 joined the channel
#
[tantek]
[jgmac1106] I’m convinced that “write in HTML” is both too inaccessible to too many people.
#
[tantek]
Frankly even for those of us proficient with HTML, writing in it is just enough of an annoyingly different cognitive task that for me at least it detracts from the creative act of writing itself
#
[tantek]
(Interestingly, wiki-link/heading syntax doesn’t bother me in either the MD or HTML ways noted above but perhaps that’s an odd exception)
bkardell joined the channel
#
[jgmac1106]
I agree. It is just my UI right now
#
[tantek]
You’re not alone 😂
wolftune joined the channel
#
[tantek]
Alright since no one has found anything objectionable, nor advocated for a better alternative, I’m going to implement this and see how it works in practice: https://chat.indieweb.org/2019-03-19/1553002892934000
#
Loqi
[[tantek]] example.com/foo.gif (a foo example)
#
[tantek]
To auto embed as
#
[tantek]
<img src="http://example.com/foo.gif" alt="a foo example" />
[schmarty] joined the channel
#
jmac
Starking a bit from last night, but: I'm on a committee with accessibility experts, including screen reader users. Would it be useful to y'all for me to ask them how best to word alt-text? (And whether "Graphic: photo of..." is confusing, or whatever.)
#
[schmarty]
tantek: I think it sounds great to try out!
#
[tantek]
Not really no. Plenty of material on that already.
snarfed joined the channel
#
jmac
okie doke
#
[tantek]
What would be useful is to ask them how they themselves publish images, photos etc with alt text.
#
[tantek]
What tools and UI do they use on what personal sites (or other)?
#
[tantek]
What *accessible* tools and/or UIs do they themselves use to publish their images, photos etc with alt text?
[frank] joined the channel
#
[tantek]
And if they don’t publish then that’s useful to know too
#
jmac
It's a good question... the committee is all about accessibility aware technology (if not independent personal websites, per se) so I'll see if I can sneak the question in
#
[tantek]
(TLDR: if you’re not actually publishing, then it’s not clear how any advice about how to write something to publish is any good, because you’re not actually following or using your own advice in practice)
#
[tantek]
Publishing *anywhere*, independent websites or elsewhere though obviously the former is preferred
#
[tantek]
I believe the expression(s) to keep in mind here is don’t armchair quarterback, backseat drive, etc
#
[tantek]
jmac, to be clear, advice about writing good wording is useful, but only secondarily to the accessible tools to do the writing in the first place
#
[jgmac1106]
that is the photo post type from Known, it converts the post title into alt text.....I won't be using the photo post type until I can figure out a solution
#
[jgmac1106]
photo title != alt text
#
[jgmac1106]
you get no UI field for adding alt=text
#
[jgmac1106]
when I use the article (which means TinyMCE WYSIWYG) you add an image description that becomes alt text..which is better....but I would add an a UI clue that this becomes alt tex
#
[jgmac1106]
the first photo in an article does not syndicate to twitter so can't check that , let syndicate the photo post and see what happens
#
[jgmac1106]
and no alt text syndicates to Twitter from a photo post where the title becomes the alt text.....
iasai, wolftune, [Rose] and [tantek] joined the channel; friedcell left the channel
#
[tantek]
Ouch that sounds like it’s worth filing an issue about
Jeena, snarfed, jgmac1106, gRegorLove and chrisaldrich joined the channel
#
[tantek]
Jeremycherfas you asked something about backticks, what's the use case you're trying to solve?
#
jeremycherfas
Quoting something that could be code in the wiki, In my recent addition to /alt
eli_oat and [kevinmarks] joined the channel
#
[kevinmarks]
One space indent is code on the wiki I think.
#
chrisaldrich
jeremycherfas, I don't think I've ever used backticks on the wiki (in the same way that GitHub allows). An alternate method (for inline use) is to use the <code> tag the way that Chris does on that same page (as an example).
#
jeremycherfas
OK, I'll look at that
#
[tantek]
Oof backticks for code seem like quite the abuse of punctuation.
#
[tantek]
jeremycherfas the best I've come up with is code comments as demarcation for code blocks http://tantek.com/w/Markdown#Blocksofcodereasoning
#
[tantek]
I don't have a good answer for inline code snippets / mentions
#
jeremycherfas
Can I just say that I find remembering Markdown codes is way eaiser than the wiki codes. Probably because I use them more often.
#
[tantek]
On the wiki I use <code> as [chrisaldrich] noted, which works ok inline but has the downside of remembering HTML. For code blocks I do that and wrap it in a <pre> I think
#
jeremycherfas
Never seen a backtick used for whatever a backtick is supposed to be used for.
#
[tantek]
It's supposed to be used for a nested close quote
#
[Rose]
<pre> is the HTML standard for embedding code blocks I think
#
[tantek]
Close. <pre> just means preformatted text. Which can be code or poetry with random whitespace etc
#
[Rose]
Makes sense
#
[Rose]
No-one at work has complained about my use of it yet, thankfully
#
[tantek]
The closest HTML has for a "standard" for code blocks is
#
[tantek]
<pre><code> ... </code></pre>
#
jmac
FWIW I use backpacks in Markdown all the time for inline code? E.g. "Look for a directory called `documentation/`."
#
[tantek]
Wtf slack
#
jmac
Makes it come out looking all monospaced and computery. And oops Slack will jump in and try to do something with it too, won't it
#
[tantek]
TIL don't try typing markup into slack text UI
#
jmac
er, bakcticks, not backpacks
friedcell and [jgmac1106] joined the channel
#
jeremycherfas
Instead of a single curly quote? Not in my world.
#
[tantek]
jeremycherfas sorry you're right, I was confused.
#
jeremycherfas
No problem.
snarfed, iasai, swentel, friedcell, jgmac1106, KapiX, chrisaldrich, [tantek] and [schmarty] joined the channel
#
gRegorLove
Yeah, Slack does the Github markdown thing with backticks. Monospaced text for inline code blocks.
#
jacky
I was kinda expecting https://spec.indieweb.org/ to point _directly_ to the spec for Webmentions
#
jacky
it does for Micropub and WebSub
#
jacky
is this in a repo somewhere? open to patch :)
#
jacky
nice thanks!
eli_oat, iasai and leg joined the channel
#
jacky
what is neocities
#
Loqi
NeoCities is a free website hosting silo in the spirit of defunct silo GeoCities (Yahoo shutdown in 2009) that looks like a stepping stone to getting started on the IndieWeb https://indieweb.org/NeoCities
#
[schmarty]
❤ neocities
snarfed joined the channel
#
Loqi
[Greg McVerry] Is every like a bookmark or every bookmark a like? I might want to bookmark an image gallery that captures the pains of Jim Crow in the United States but I DO NOT want to "like" the gallery. Might want a different word than like. Maybe a light bu...
#
[schmarty]
[jgmac1106] I am running away from that discussion very fast
#
[schmarty]
Learned my lesson from last IWCNYC
#
jgmac1106
what I originally wrote but in chat: "Is every like a bookmark?" is a trigger phrase in IndieWeb crowd....also used a a Rickroll that can ruin conversation or quiet working working hour
#
jgmac1106
but fascinating post on how they are going to try and develop an algorithimc stream using taxonomy, folksonomy, and number of likes
#
jgmac1106
every OER platform I have worked on has struggled with tagging and dicovery
[Rose], wolftune, KartikPrabhu and [tantek] joined the channel
#
[tantek]
[schmarty] 😂 😂 😂 just don't ping GWG about it. Oops. 😉
[jgmac1106] joined the channel
iasai joined the channel
#
jacky
are bookmarks and likes that similar?
#
[tantek]
goes back to the dev channel
AkyRhO and iasai joined the channel
snarfed and [chrisaldrich] joined the channel
#
[chrisaldrich]
jacky, here are some thoughts I wrote on it a while back https://boffosocko.com/2018/03/10/thoughts-on-linkblogs-bookmarks-reads-likes-favorites-follows-and-related-links/ Every one can have their own opinion...
jjuran joined the channel
#
[chrisaldrich]
And we all know that the /chicken post reigns supreme. So maybe 🔖 < ♥ < 🐔? ;)
#
[tantek]
IDK if chicken has a reply aspect
iasai, chimo and [schmarty] joined the channel
chimo and chrisaldrich joined the channel
#
chrisaldrich
Some mathematicians use chicken noises as "responses" within proofs. Examples in the wild: https://twitter.com/andrewmchilds/status/708271931930382336 and https://twitter.com/virtualcourtney/status/1095090662079451136
iasai joined the channel
#
GWG
Oops?
[Rose], iasai and [tantek] joined the channel
#
GWG
Ain't nobody here but us chickens?
#
[tantek]
schmarty++
#
Loqi
schmarty has 17 karma in this channel over the last year (69 in all channels)
snarfed, [kevinmarks], [jgmac1106], iasai and eli_oat joined the channel