#indiewebcamp 2016-04-19

2016-04-19 UTC
Guest9 and miklb joined the channel
#
@kevinmarks My notes on the closing demos from Indiewebcamp Nürnberg: http://www.kevinmarks.com/indiewebcampnuremberg2016demos.html #indieweb (twitter.com/_/status/722220204688695296)
#
@kevinmarks SVG sparklines that embed the datapoints directly: http://www.kevinmarks.com/svgsparklines.html thanks to @adactio, @sil and @EdwardTufte #indieweb (twitter.com/_/status/722220598663847937)
#
miklb KevinMarks to clarify, I didn't participate this weekend. Someone else used a Jekyll theme I created. (though I am using it on my site currently to work out bugs)
#
@blowery RT @kevinmarks SVG sparklines that embed the datapoints directly: http://www.kevinmarks.com/svgsparklines.html thanks to @adactio, @sil and @EdwardTufte #indieweb (twitter.com/_/status/722223678080053249)
#
KevinMarks oh, oops
#
KevinMarks sorry
#
KevinMarks I couldn't read the screen in the webcast easily, so I was guessing a bit
#
miklb I didn't catch the persons name watching the video. The project is new and specific to IndieWeb, but I didn't create it during IWC
#
@mshook RT @kevinmarks SVG sparklines that embed the datapoints directly: http://www.kevinmarks.com/svgsparklines.html thanks to @adactio, @sil and @EdwardTufte #indieweb (twitter.com/_/status/722226817130766336)
#
@EdwardTufte RT @kevinmarks SVG sparklines that embed the datapoints directly: http://www.kevinmarks.com/svgsparklines.html thanks to @adactio, @sil and @EdwardTufte #indieweb (twitter.com/_/status/722236636738756608)
#
@DenimAndSteel RT @kevinmarks SVG sparklines that embed the datapoints directly: http://www.kevinmarks.com/svgsparklines.html thanks to @adactio, @sil and @EdwardTufte #indieweb (twitter.com/_/status/722237838519980032)
#
@ChrisVermilion RT @kevinmarks SVG sparklines that embed the datapoints directly: http://www.kevinmarks.com/svgsparklines.html thanks to @adactio, @sil and @EdwardTufte #indieweb (twitter.com/_/status/722237846816468992)
#
@encthenet RT @kevinmarks SVG sparklines that embed the datapoints directly: http://www.kevinmarks.com/svgsparklines.html thanks to @adactio, @sil and @EdwardTufte #indieweb (twitter.com/_/status/722239514073280514)
#
@fpc552 RT @kevinmarks SVG sparklines that embed the datapoints directly: http://www.kevinmarks.com/svgsparklines.html thanks to @adactio, @sil and @EdwardTufte #indieweb (twitter.com/_/status/722239769657372673)
#
aaronpk KevinMarks: that's pretty cool! I will play with that and see if I like that method better overall. I added spark lines to my home page on the last flight!
#
aaronpk my battery is dead now tho so I won't be able to launch it til tomorrow
miklb joined the channel
#
@sproutworx RT @kevinmarks SVG sparklines that embed the datapoints directly: http://www.kevinmarks.com/svgsparklines.html thanks to @adactio, @sil and @EdwardTufte #indieweb (twitter.com/_/status/722245271808151552)
#
@BrianSJ3 RT @kevinmarks SVG sparklines that embed the datapoints directly: http://www.kevinmarks.com/svgsparklines.html thanks to @adactio, @sil and @EdwardTufte #indieweb (twitter.com/_/status/722246145750274048)
#
@meter RT @kevinmarks SVG sparklines that embed the datapoints directly: http://www.kevinmarks.com/svgsparklines.html thanks to @adactio, @sil and @EdwardTufte #indieweb (twitter.com/_/status/722247997929689089)
#
KevinMarks aaronpk: the same technique would work serverside too - I like the idea of the actual datapoints being in the file
#
@abhimans RT @kevinmarks SVG sparklines that embed the datapoints directly: http://www.kevinmarks.com/svgsparklines.html thanks to @adactio, @sil and @EdwardTufte #indieweb (twitter.com/_/status/722251159868547076)
#
@dym_cx @ChrisAldrich how did you put yourself there? also, https://twitter.com/kylewmahan/lists/indiewebcamp/members (twitter.com/_/status/722253171020734464)
wolftune and [dym_cx] joined the channel
#
[dym_cx] kevinmarks: why do you have `node_modules` in the repo? https://github.com/kevinmarks/kevin-marks.com
[kevinmarks] joined the channel
#
[kevinmarks] Cos I am lazy and haven't got round to making it properly static yet
#
[kevinmarks] And when I set up the repo ages ago I didn't get the node install right
#
Loqi [indienews] New post: "Indie-config and local storage" https://unicyclic.com/mal/2016-04-19-Indie-config_and_local_storage
wolftune and MylesBraithwaite joined the channel
#
[dym_cx] kevinmarks: so, it's locally generated html which is added to the repo and served as a static?
chimo joined the channel
#
[dym_cx] not sure you need a dynamic heroku instance for this usecase, AWS or even gh-pages would be plenty sufficient
martinBrown and Vendan joined the channel
#
@ryoe_ok RT @kevinmarks SVG sparklines that embed the datapoints directly: http://www.kevinmarks.com/svgsparklines.html thanks to @adactio, @sil and @EdwardTufte #indieweb (twitter.com/_/status/722270902772187137)
[dym_cx] joined the channel
#
[dym_cx] Building Decentralized Applications for the Social Web: https://github.com/solid/solid-tutorial-intro/
#
[dym_cx] what is www2016
#
Loqi It looks like we don't have a page for "www2016" yet. Would you like to create it? https://indiewebcamp.com/s/10JH
#
@jkphl RT @egoexpress Had a great weekend at @indiewebcamp Nuremberg. Was a pleasure to meet all of you. Hope to get the stuff I demoed public soon. #iwc16 (twitter.com/_/status/722289322553163776)
tantek joined the channel
#
tantek.com edited /2016/Nuremberg (+94) "/* Photos */ Flickr set" (view diff)
#
@pmonet RT @kevinmarks SVG sparklines that embed the datapoints directly: http://www.kevinmarks.com/svgsparklines.html thanks to @adactio, @sil and @EdwardTufte #indieweb (twitter.com/_/status/722294686971367424)
#
@hdeshmuk RT @kevinmarks SVG sparklines that embed the datapoints directly: http://www.kevinmarks.com/svgsparklines.html thanks to @adactio, @sil and @EdwardTufte #indieweb (twitter.com/_/status/722299151111884800)
loic_m, snarfed, gRegorLove and [kevinmarks] joined the channel
#
[kevinmarks] dym_cx: you're right - I originally thought I'd be doing server side stuff, but it is all static. I should move it to a storage bucket and dump the Heroku wrapper
wolftune, cweiske and jihaisse joined the channel
#
@webrocker While unpacking my @indiewebcamp bag, I found @adactio s secret spell to the service worker… :-) https://twitter.com/webrocker/status/722324274938265600/photo/1 (twitter.com/_/status/722324274938265600)
friedcell, cweiske, rektide, wagle and Pierre-O joined the channel
#
@hex_pm webmentions (0.0.7): A Webmentions (https://indiewebcamp.com/Webmention) module for Elixir https://hex.pm/packages/webmentions (twitter.com/_/status/722343827701272577)
adactio joined the channel
#
@webrocker @jkphl @btconf @indiewebcamp hotel booked. hah! cu in Düsseldorf (twitter.com/_/status/722358415029321728)
adactio_ joined the channel
#
petermolnar I have a new challenge for minimal publish UI: should be usable via lynx browser. Apparently, WordPress isn't.
#
@jkphl @webrocker BÄM! \o/ +@btconf @indiewebcamp (twitter.com/_/status/722367495965904896)
#
prtksxna petermolnar: Does Quill work with lynx, seems minimal enough?
#
petermolnar in my case, I'm yet to automate enough steps to move away from the knobs and turns interface of WordPress, but I'm working on it
#
petermolnar but lynx appears to be a good test for truly minimal interfaces
#
prtksxna petermolnar: The interface running on a cheap Firefox OS phone might be a better 'real world' test
#
prtksxna I don't know a lot of people who run lynx on a regular basis, its funny that I can still think of 2 :P
#
prtksxna That is 1 more than the number of people I know running FFOS :P
barnabywalters joined the channel
#
petermolnar so it is more real life, see? :D
#
prtksxna petermolnar: ^_^
davbo, barnabywalters and mlncn joined the channel
#
@omgopensuse RT @openSUSE See what #awesomeness you've missed at the #openSUSE sponsored #IndieWebCamp this weekend: https://www.flickr.com/photos/tollwerk/sets/72157664909577964/ https://twitter.com/openSUSE/status/722055628999380993/photo/1 (twitter.com/_/status/722381404764577792)
saurik, friedcell, jrenslin and j12t joined the channel
#
bjoern.stierand.org edited /2016/Nuremberg/Demos (+390) "/* Björn Stierand */ Updated demo contents" (view diff)
hs0ucy, yakker, Guest9 and mlncn joined the channel
#
harryreeder.co.uk created /events/2016-04-18-homebrew-website-club (+2043) "Created page with "<div class="h-event vevent"> = <span class="p-name summary">Homebrew Website Club Meetup</span> = == Details == '''Homebrew Website Club Edinburgh''' === When === <span class=..."" (view diff)
j12t and snarfed joined the channel
#
GWG petermolnar, you can create your own post ui
#
petermolnar I know, but I need much more autodetection on my content before that
#
GWG Autodetection?
#
kylewm guessing getting past indieauth is the trickier part for lynx
#
petermolnar an example of what I have now: if there is a featured image and the image has x EXIF data, fill that data as post content|tags|etc.
#
petermolnar I need more of these, much more
#
petermolnar kylewm that might be true
#
GWG petermolnar, also something that I was working on.
#
GWG I built some of that. Might be able to expand
glennjones joined the channel
#
kylewm So I got almost all the way in lynx; clicking "Post" to post the note itself at the end didn't work for some reason
#
kylewm but the UI looks pretty decent
#
petermolnar ::thumbsup::
shiflett and loic_m joined the channel
#
prtksxna kylewm: I'd love to see a screenshot of that :)
#
aaronpk ironically, Quill uses JS to post
#
aaronpk because i want to be able to show error messages and stuff inline and it was easier that way
barnabywalters, brianlovewords_, wolftune, friedcell and tantek joined the channel
#
petermolnar aaronpk ok, js, but why no fallback to plain send form?
#
GWG Has anyone simulated a mention flood?
#
GWG I am still trying to solve the problem of abuse. At least mentally trying.
#
aaronpk petermolnar: no reason
#
aaronpk GWG: bridgy's invitation webmentions are a legitimate webmention flood
#
tantek GWG, one person's problem is another person's popularity
#
tantek GWG, go see how the UX of Twitter etc. handles showing likes, reposts, comments on celebrity accounts
#
GWG I suppose
#
GWG I wanted to test load handling though.
#
GWG Not UX
#
tantek perhaps consider solving the UX problem first, and then using what you learn from that to figure out backend load handling etc.
j12t, Pierre-O, hs0ucy, mlncn, snarfed and brianlovewords_ joined the channel
#
aaronpk I mentioned I didn't end up working on my home page design during IWC, so I decided to work on it on the plane!
#
aaronpk here's what it looks like on my test copy. I think I'm going to push it live today https://aaronparecki.com/uploads/Screen-Shot-2016-04-19-09-27-50.png
#
aaronpk feedback is welcome!
#
kylewm needs more sparklines :P
#
aaronpk summary: the top of the list of posts on my home page is now a little "bio" section. it includes a cover photo, my profile photo and bio, and 4 sparklines from different kinds of posts. the bio is not in the footer on the home page, but all other pages have the bio section in the footer like it is currently.
#
kylewm like, sleep and travel! but for sleep it couldn't just be the frequency of the posts
#
aaronpk i could show a tiny bar chart of hours slept per night
#
tantek nice design aaronpk !
#
tantek though I would challenge you to stack the sparklines vertically, like off to the right side of your bio
#
aaronpk interesting
#
tantek since the sparklines all share the same x-axis start/finish/units it makes more sense to stack them to show that relationship
#
aaronpk true. they do all share the same y-axis now tho.
#
tantek but that only makes sense when they overlap
#
tantek and time is more of a primary shared axis than number
#
aaronpk I will see if I can make that work
#
tantek the whole point of a sparkline is it's supposed to be on the same LINE as the text
#
aaronpk the challenge I always have with making more horizontal sections on the same row is how to deal with narrow screens
#
tantek sparklines are not supposed to have to be very wide either
#
tantek like
#
tantek all on one line each
#
tantek ___/\ 191 Articles
#
tantek _/\/\ 2218 Bookmarks
#
tantek |/\_/ 2581 Notes
#
aaronpk lol ascii art sparklines!
#
tantek __/\/ 507 Posts
#
tantek there you go ;)
#
tantek that's the point! they're supposed to be interchangeable with text
#
aaronpk i'll try moving that into the bio section. but I do like the little 4-column section they're in now, so I wonder if I can do something else with that section
#
tantek they take up way too much space than what sparklines should
#
tantek in their own 4-column section
#
aaronpk like show a little sleep chart (not a sparkline, an actual bar chart), and then maybe show the next event, next ___?
#
tantek yes that makes more sense
#
tantek like the way Jeena showed most recent post of each type
#
aaronpk yes!
#
aaronpk at the very least, adding that cover photo and bio makes it look way more like a home page, and now my current design looks silly
#
tantek most recent photo would add a nice visual element
#
tantek most recent sleep, eat/drink, photo, next event
#
tantek there's four for you, and they vaguely follow a time order too ;)
#
aaronpk speaking of events, we totally overlooked something when we were discussing the design in boston!
#
tantek they also become nav links for each of those different streams
#
aaronpk what's missing from this page? https://aaronparecki.com/events
#
tantek maps? rsvps? responses counts?
#
aaronpk i'll give you a hint, it's more apparent here: https://aaronparecki.com/events?before=20140617T173000-0700
#
tantek author per post?
#
aaronpk the year!
#
aaronpk there's no way to tell what year those events are happening lol
#
KevinMarks hah
#
KevinMarks you can do barchart sparklines with unicode ▁█▅▂▉▄▁
bengo and [dym_cx] joined the channel
#
[dym_cx] you came full circle http://trivelop.de/sparkr/
#
[dym_cx] * https://github.com/holman/spark
#
KevinMarks the SVG ones are true sparklines though
wolftune joined the channel
#
KevinMarks hm, and my examples are too tall really, per http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0001OR
#
[dym_cx] why tufte has white images on such light yellow bg? it hurts
#
KevinMarks really? that's a style I use too eg http://svgur.com/
#
KevinMarks how does it hurt?
snarfed, tvn and miklb joined the channel
#
[dym_cx] that super-light orange? kinda stingy as well, esp w/o much of "white" space in between comments
#
[dym_cx] the problem in both cases: those are two low contrast colors, so eyes have to concentrate way harder than it needed and it steers away from the content, reading the text in particular
wolftune joined the channel
#
KevinMarks low contrast in what sense? black text on the light colours is good contrast. You men the contrast between the white and the yellow?
ben_thatmustbeme joined the channel
#
[dym_cx] yes, i mean 2 bg colors
#
KevinMarks I keyline them in grey on svgur.com
#
[dym_cx] just making both the same hue (shades of gray, normally) will make everything better
#
[dym_cx] i mean the comment section
#
[dym_cx] pics with grey borded are fine
#
[dym_cx] s/borded/border/
#
Loqi [dym_cx] meant to say: pics with grey border are fine
#
KevinMarks so you're getting beating from the lines between the comments?
#
KevinMarks hm, they're differnt colours onmy 2 screens
#
KevinMarks so is the comment contrast on svgur.com worse fro you than on the bottom of http://www.kevinmarks.com/svgsparklines.html
#
Loqi SVG Sparklines 2016-04-18
mlncn joined the channel
#
tommorris so, http://boffosocko.com/2016/04/07/indiewebcamp-los-angeles-2016-announced-for-november-4-6/ is a thing but it isn't on the wiki.
#
Loqi [Chris Aldrich] IndieWebCamp Los Angeles 2016 Announced for November 4-6
#
tommorris oh, it is as LA not Los Angeles
#
tommorris homepage needs updating.
#
tommorris is on it
#
tommorris.org edited /Main_Page (+54) "/* More IndieWebCamps */ adding IWC 2016 LA" (view diff)
#
tommorris.org edited /Template:IndieWebCamp (+19) "adding LA" (view diff)
ben_thatmustbeme joined the channel
#
[dym_cx] kevinmarks: your site has white (#fff) bg – so it's ok
#
[dym_cx] svgur has whitesmoke (#f5f5f5), which is ok for the pics part, but makes the comment section look unappealing. making comments-bg white or any shade of grey would fix it
#
[dym_cx] the tufte page would benefit from simple img-borders http://output.jsbin.com/rafiweqito just like you have on svgur
#
KevinMarks those are a bit too strong for me, the 1px solid lightgrey I use is nicer
snarfed1 joined the channel
#
KevinMarks Tufte should use this theme on his site: https://edwardtufte.github.io/tufte-css/
#
kylewm so aaronpk, your event URLs are based on the event start date instead of the published date ... are you happy with that scheme?
#
kylewm since Known's slugs are unique identifiers, I was sort of thinking about including the date in the slug
#
kylewm but then /2016/04/indieweb-summit-2016-06-04 would be incredibly confusing
#
kylewm /2016/06/indieweb-summit-2016-06-04 would be less confusing but a little redundant
#
aaronpk Yes I intentionally use the date of the event in the URL
#
aaronpk that is also the date that's used to sort them in lists
#
tantek yup - I proposed that when I started working on event posts for my own site
#
tantek (was always annoyed when I saw event permalinks elsewhere with date information in the URL that was NOT when the event was - hugely misleading from a UX point of view)
#
kylewm yeah it is really misleading
#
tantek it's a pet peeve argument I have with W3C folks all the time, as many of their URLs have years in them very different from what they're about
#
tantek there's been some improvement in the past few years though
#
aaronpk That always confused me about w3c URLs. There are still some new pages created that have like 2004 in the URL
#
tantek yeah
#
emmahodge.org created /Template:Emma (+13) "Created page with "emmahodge.org"" (view diff)
#
tantek I asked Tim about this once and he said the URL is supposed to be opaque, not supposed to derive meaning from it, and I pointed out that humans can't help but derive meaning from things
#
aaronpk Huh yeah
#
aaronpk even if URLs were always long random hashes, people would still find words in the characters of the hash
#
emmahodge.org edited /Planning (+68) "/* New York City 2 */" (view diff)
#
tantek emmahodge++ multiple co-organizers for IWC NYC2!!! Awesome! cc: GWG
#
Loqi emmahodge has 1 karma
#
kylewm reminds me of buzzfeed's "social urls": http://digiday.com/publishers/lol-wut/
#
tantek what is a social URL?
#
Loqi It looks like we don't have a page for "social URL" yet. Would you like to create it? https://indiewebcamp.com/s/10JJ
#
tommorris aaronpk: see youtube comments. "OMG the video ID has 69 in it, naughty!"
#
tantek wat
#
aaronpk srsly?
#
tommorris social URL is just buzzfeed editors having fun with URL choice.
#
loqi.me created /social_URL (+90) "prompted by tantek https://indiewebcamp.com/irc/2016-04-19/line/1461089870804 and dfn added by tommorris" (view diff)
#
Loqi ok
#
aaronpk I try not to read YouTube comments :-P
#
kylewm it's intereesting bc they are optimized for humans not to include a bunch of search keywords
#
tantek that's not quite a snarkinition or a grumpinition, hmm
#
miklb tantek I don't know if emmahodge comes around IRC much, but she may be interested in my Jekyll project. She was a source of inspiration for creating it. Someone without a web presence who wants to use GitHub pages and IndieWeb
#
tantek oh neat - yeah - she is using github pages with her domain emmahodge.org
#
kylewm although I suspect Buzzfeed's URLs have gotten more clickbaity and less clever in the last two years
#
tantek what is clickbaity?
#
Loqi It looks like we don't have a page for "clickbaity" yet. Would you like to create it? https://indiewebcamp.com/s/10JK
#
tantek what is Buzzfeed?
#
Loqi It looks like we don't have a page for "Buzzfeed" yet. Would you like to create it? https://indiewebcamp.com/s/10JL
#
aaronpk those sound like things for /url-design
#
kylewm actually on casual inspection of the homepage, they are still prtty good. /face-stop for an article about face swaps that have gone too far :P
#
emmahodge.org edited /Template:Emma (+134) (view diff)
snarfed and shiflett joined the channel
#
KevinMarks the polyline sparklines are simple enough that you could almost write them by hand inline
#
aaronpk KevinMarks: does your version let you specify the max value of the y-axis?
#
aaronpk i wanted my 4 to share the same y axis, so it doesn't look like i post as many articles as i post notes
#
KevinMarks I just cloned SIL's ?x,x,x format
#
aaronpk my article values ranged from like 1-3, but notes go from 1-27. so I wanted the peak of the articles peak to be 3/27.
#
aaronpk i changed the function in the JS file to assume the input values were from 0-100, so that i can do the cross-image scaling in my own code
#
@miklb Gauging interest in a #Tampa Homebrew Website Club. Note, not 🍻but 🖥 😀 #indieweb https://miklb.com/interest-in-tampa-homebrew-website-club (twitter.com/_/status/722495562096975873)
jciv joined the channel
#
tantek aaronpk - it's better design to allow per graph y axis start/end/range
#
tantek to show the contrast for each
#
tantek part of the point of a sparkline is to amplify that vertical shape to show changes
#
tantek while keeping the same timeline
#
tantek hence why they tend to be stacked vertically when there are multiple
#
aaronpk it looked really bad
#
aaronpk when the y axis is so small, the lines no longer look smooth
#
aaronpk it even looks bad just by itself, but looked especially bad when it was next to the others
#
tantek "smooth"?
#
KevinMarks Tufte says the slopes should be ~ 45 degrees
[shaners] joined the channel
#
[shaners] writing #indieweb lightning tech talk for next Tuesday at Pivotal in Santa Monica
#
tantek does he say why?
#
aaronpk compare https://aaronparecki.com/uploads/Screen-Shot-2016-04-19-11-50-34.png
#
KevinMarks http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0001OR#judging%20slopes
#
aaronpk interesting. he compares sparklines to typography, but doesn't say you *have* to use them next to words
brianlovewords_ joined the channel
#
KevinMarks the stock layout just below that fragmention shows it
#
tantek aaronpk: no because that's inherent in the definition
#
tantek otherwise you just have "charts"
#
tantek nothing wrong with making charts btw, just don't call them sparklines
#
tantek rather, just call them charts :)
#
aaronpk nah it's more subtle than that
gRegorLove joined the channel
#
tantek aaronpk - that screenshot is horizontal - I was talking about vertical stacking
#
aaronpk yeah i haven't switched that yet
#
tantek that's where it makes sense
#
aaronpk i was comparing the different ways of handling Y axis scaling
#
tantek and Tufte would say you *want* the additional contrast / signal in the lower examples
#
tantek the point of a sparkline is not precision but rather giving people a way to *quickly* get an impression of the activity - which is better with higher contrast
#
aaronpk in order for a chart to be a good chart, it needs to communicate data effectively, which means you need explicit values for the two axes. sparklines are just a line, so it's okay if they don't indicate the actual value.
#
tantek that's a key difference between charts and sparklines
#
tantek Tufte goes into that in his books
#
tantek a sparkline is not just a "tiny chart"
#
aaronpk right, which is why i'm saying it's still fine for me to call the horizontally stacked ones sparklines, even though they don't appear inline in text
#
KevinMarks though he does have examples where the most recent value is shown
#
tommorris what is sparkline?
#
Loqi A sparkline is a small, simple, data-dense graphic with typographic resolution that is shown inline and in-context with relevant text https://indiewebcamp.com/sparkline
#
KevinMarks the book chapter is on that page I linked
#
aaronpk there's a good screenshot of twitter analytics with sparklines too http://edwardtufte.com.s3.amazonaws.com/sparkline_twitter.png
#
tantek aaronpk - note that each of those uses the full range
#
KevinMarks http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0001OR#Intense,%20Simple,%20Word-Sized%20Graphics
#
tantek rather, same extent above/below a common zero based baseline
#
aaronpk that's because they don't share a common range of values for the Y axis
#
tantek no, it's because that's part of sparklines design
#
aaronpk all of my sparklines describe number of posts. these describe posts vs impressions vs followers
#
tantek and yes - three share the same values range for Y - %
#
tantek same values *type* sorry
#
tantek they actually do not share the same range! that's the point
#
KevinMarks inline SVG with my explict datapoints technique: http://www.kevinmarks.com/minimalspark.html
#
tantek aaronpk: the first four in that Twitter screenshot prove my point
#
tantek all %s
#
aaronpk KevinMarks: the no-js version of that is compelling :)
#
tantek different max/min #s
#
KevinMarks view source on that
#
KevinMarks the data/bytes ratio of the inline SVG is pretty good
#
aaronpk tantek: it's not actually clear whether the sparklines are showing the % or the number
#
tantek yes it is - negative % is below the zero baseline
#
tantek since the "number" for all of those metrics itself is never negative
brianlovewords_ joined the channel
#
tantek hey brianloveswords !
#
tantek could you make an IWC NYC last weekend in August?
#
aaronpk this is a good illustration of the same reason I didn't like the version of the "articles" sparkline that used the full y axis http://www.edwardtufte.com/bboard/images/0001OS-15828.gif
#
aaronpk "The aspect ratio for [the left] graphic is chosen in accord with the 45° rule."
#
KevinMarks "aspect ratios should be such that time-series graphics tend toward a lumpy profile rather than a spiky profile or a flat profile."
#
KevinMarks I wonder if we can measure that in code
hs0ucy joined the channel
#
aaronpk he describes it above. that's the 45 degree rule
#
aaronpk "hill-slopes averaging 45°, over every cycle in the time-series"
#
KevinMarks assuming that the series is cyclic
snarfed, hs0ucy, brianlovewords_ and friedcell joined the channel
#
tantek kylewm: curious if you've come up with a fix for this https://twitter.com/kylewmahan/status/721792678602510337
#
@kylewmahan @t wow @withknown is explicitly setting that to my twitter:card image :/ that's kinda obnoxious (twitter.com/_/status/721792678602510337)
#
GWG Afternoon
#
aaronpk waves from pacific time
#
GWG Welcome home, aaronpk
#
aaronpk i may need to switch to the pure svg version of sparklines in order to get them inline. i can't figure out how to make the embed tag to be inline
snarfed1 joined the channel
#
aaronpk i can't figure out how to get the <embed> on the same line as the text. https://aaronparecki.com/uploads/Screen-Shot-2016-04-19-13-34-33.png
#
aaronpk i'm guessing either an inline <svg> element, or an <img> tag with an svg wouldn't have that problem
#
tommorris sigh, another site death to post.
#
kylewm tantek: no not yet, we talked about it a bit yesterday
#
kylewm one possibility is adding a banner image property to events and using that if available
#
tommorris.org edited /site-deaths (+490) "/* Upcoming */ adding Experience Project" (view diff)
#
@timlb RT @kevinmarks SVG sparklines that embed the datapoints directly: http://www.kevinmarks.com/svgsparklines.html thanks to @adactio, @sil and @EdwardTufte #indieweb (twitter.com/_/status/722525903230775296)
#
kylewm ha, thought that was a higher profile retweet for a sec^
#
aaronpk lol
#
tantek I was going to say, who is timlb ?!?
#
gRegorLove Good afternoon, indiewebcamp
wolftune, KevinMarks, snarfed, martinBrown, tonious and [kevinmarks] joined the channel
#
[kevinmarks] Tufte retweeted it yesterday, which is good enough for me
#
[kevinmarks] Is embed always display block?
#
[kevinmarks] I'd suggest the inline SVG method like I posted. You can probably generate the SVG server side easily enough.
brianlovewords_ joined the channel
#
aaronpk inline SVG better than server-side generated svg in an img tag?
brianlovewords_ joined the channel
#
gRegorLove [kevinmarks]: Do you have merge capability on microformats/tests? I'd like to get this in so I can include it in php-mf2: https://github.com/microformats/tests/pull/47
#
[kevinmarks] Well, it'll save you 4 image fetches, and the SVG itself should be relatively small
#
[kevinmarks] Depends on server config I suppose
#
[kevinmarks] BTW, if they aren't inline, Tufte calls the pattern "small multiples"
#
[kevinmarks] https://flowingdata.com/2014/10/15/linked-small-multiples/
#
aaronpk those have labels for the axes tho
barnabywalters joined the channel
#
@dret "webmention" https://www.w3.org/TR/webmention/ now is in the registry of well-known link relations: http://www.iana.org/assignments/link-relations/link-relations.xhtml #REST #API #pingback (twitter.com/_/status/722558933752233984)
frzn joined the channel
#
aaronpk nic!
#
aaronpk e!
#
gRegorLove Don't think I've heard of "Refback" before
#
@aaronpk Awesome! The IANA link rel registry now includes the @W3C "webmention"! http://www.iana.org/assignments/link-relations/link-relations.xhtml (twitter.com/_/status/722560713097478144)
#
@indiewebcamp RT @aaronpk Awesome! The IANA link rel registry now includes the @W3C "webmention"! http://www.iana.org/assignments/link-relations/link-relations.xhtml (twitter.com/_/status/722560822384271360)
#
@indiewebcamp RT @dret "webmention" https://www.w3.org/TR/webmention/ now is in the registry of well-known link relations: http://www.iana.org/assignments/link-relations/link-relations.xhtml #REST #API #pingback (twitter.com/_/status/722560879015792640)
ben_thatmust joined the channel
#
@miklb RT @aaronpk Awesome! The IANA link rel registry now includes the @W3C "webmention"! http://www.iana.org/assignments/link-relations/link-relations.xhtml (twitter.com/_/status/722561859707121664)
#
@codebear RT @aaronpk Awesome! The IANA link rel registry now includes the @W3C "webmention"! http://www.iana.org/assignments/link-relations/link-relations.xhtml (twitter.com/_/status/722561996613402625)
KevinMarks joined the channel
#
@erik_paulson RT @aaronpk Awesome! The IANA link rel registry now includes the @W3C "webmention"! http://www.iana.org/assignments/link-relations/link-relations.xhtml (twitter.com/_/status/722563615983665152)
#
@myfreeweb RT @aaronpk Awesome! The IANA link rel registry now includes the @W3C "webmention"! http://www.iana.org/assignments/link-relations/link-relations.xhtml (twitter.com/_/status/722564767349673984)
#
gregorlove.com created /User:Gregorlove.com/Archived_Interests (+2224) "Created page with "== Archived on 2016-04-19 == * Fix de-duplication of received webmentions, specifically for Bridgy. [http://indiewebcamp.com/irc/2015-03-18#t1426709353984] * Set up distinct, wel..."" (view diff)
#
KevinMarks interesting https://en.wikipedia.org/wiki/Linkback
#
gregorlove.com edited /User:Gregorlove.com () "(-1859) /* Interests */ starting fresh" (view diff)
#
@mjathols RT https://twitter.com/ePrintedBooks/status/722555259919405057 Continuity in your manuscript is something we'll check for during editing. http://www.eprintedbooks.com/Editor/ #IndieAuth… (twitter.com/_/status/722567359752466432)
wolftune and jrenslin joined the channel