2013-08-15 UTC
bnvk, suderman, danielfilho, shaners, indiewebcamp-vis and xtof joined the channel
tantek, bnvk, romainneutron, pfefferle, tobyink and eschnou joined the channel
eschnou, bnvk and pfefferle joined the channel
indiewebcamp-vis, barnabywalters and romainneutron joined the channel
bnvk and pfefferle joined the channel
tobyink, barnabywalters, oliveiraev, romainneutron, tealmage, TallTed and bnvk joined the channel
danbri, tealmage and tobyink joined the channel
xtof, grosroro, jgay, nonge and tealmage joined the channel
suderman and tobyink joined the channel
# 16:55 tantek tommorris - it just happens to be the 227th day of the year
tealmage joined the channel
shaners joined the channel
TallTed joined the channel
tealmage joined the channel
tealmage and tswicegood joined the channel
# 19:52 Loqi I added a countdown scheduled for 8/15 12:55pm (#5234)
erlehmann joined the channel
# 19:59 erlehmann tantek, tell!
# 20:00 erlehmann the thing is, i am not entirely against stuff that disregards the guideline.
# 20:00 erlehmann i just think that most of it *will* be complicated
# 20:01 erlehmann tantek, qualify “exception”.
# 20:01 erlehmann > No pagination, except for collections of self-contained compositions or very long lists.
# 20:01 tantek also - do you have tools to test these guidelines?
# 20:01 tantek if you could link to them - that would be useful!
# 20:02 erlehmann well, you can of course render your embedded postscript you fetched via ajax in a web worker thread and display it on the go – but that is no longer uncomplicated.
# 20:02 erlehmann i actually planned to write some, for my own pages. i did not.
# 20:02 tantek i mean even simple stuff like transfer size - counting
# 20:02 tantek would be great if you had (or linked to) tools to check those things
# 20:02 erlehmann heh, i tested transfer size with curl.
# 20:03 erlehmann i wrote that article when i found that the signal to noise ratio is very high
# 20:03 tantek oh sweet! - perhaps an example command line to use?
# 20:03 erlehmann like, for 50k of text, i get 2MB of advertising and tracking
# 20:04 erlehmann ah, very low
# 20:04 erlehmann sorry. signal to noise is very low. small. low signal, high noise.
# 20:04 shaners erlehmann: wrt mf2 parsers outputting json: one of the big benefits is that lotsa programming languages can output json. so we use it as a way to confirm that all of our mf2 parsers are doing the same thing.
# 20:04 aaronpk hey erlehmann, reading the post now too. lots of good advice there for sure
tealmage joined the channel
# 20:07 erlehmann shaners, i understand!
# 20:08 erlehmann the simpler a format, the simpler to compare the output.
# 20:10 erlehmann you are just tantek with a different name!
# 20:12 erlehmann i once got k-lined at foonetic
# 20:12 erlehmann because people were assuming i were a bot
# 20:13 erlehmann and i was just telling them i was not a bot whenevery they suspected it
# 20:13 erlehmann so they thought i was a bot telling everyone he is not a bot
# 20:13 erlehmann (of course, i am not a bot)
# 20:13 tantek erlehmann - cool (re: curl link) - perhaps add it to a list of tools section in your
# 20:13 tantek that would be more discoverable than IRC archives :)
# 20:14 erlehmann bret, not me!
# 20:14 erlehmann look who's talking!
# 20:14 bret You were written by your opinionated master!
# 20:14 bret to spread ideas faster than he could!
# 20:16 tantek erlehmann - great - add one of those example curl lines to your post and update it!
# 20:18 erlehmann i better make a separate test tools suite.
# 20:20 erlehmann it would be better. i think there is no universal tool besides -prefix-free that i can recommend.
# 20:20 erlehmann (and -prefix-free really speeds up development)
# 20:21 erlehmann tantek, actually would like to know the psychology behind this ”žlet's make a web page that does not fit on a floppy“ thing i see lately
# 20:22 erlehmann i only met one guy who told me the reason is that he needed money, because he had debts
# 20:22 erlehmann financial debt. so his blog is full of advertising.
# 20:23 erlehmann tantek, take any newspaper web site and measure signal to noise ratio. or take twitter, 1,5MB or so of assets to display 140 characters.
# 20:23 erlehmann there must be something behind that that goes beyond “just use jquery”. these sites are not all built buy inexperienced people with overpowered hardware.
# 20:24 Loqi erlehmann meant to say: there must be something behind that that goes beyond “just use jquery”. these sites are not all built by inexperienced people with overpowered hardware.
# 20:24 erlehmann is that a bot?
# 20:24 erlehmann s/bot/regex\ bot/g
# 20:24 Loqi erlehmann meant to say: is that a regex\ bot?
# 20:25 erlehmann s/([ab]+)[ab]/\1/g
# 20:28 erlehmann s/w/'';!--"<XSS>=&{()}
/g
# 20:28 Loqi erlehmann meant to say: '';!--"<XSS>=&{()}
hat
# 20:28 erlehmann great success :3
# 20:29 Loqi erlehmann meant to say: great success :1\n2
# 20:32 tantek shaners - did you just sort irc-people as well?!?
# 20:33 tantek um oops - except it's no longer sorted by name
# 20:36 tantek actually we should just show the irc alias first
# 20:36 tantek not all tabular data presents well as a table
# 20:37 shaners i seem to remember some guy saying that data tables were a good thing for tabular data :P
# 20:37 tantek tabular data usually implies some relationship among things in the same column
# 20:38 shaners uh… yeah. a column of irc usernames, a column of wiki usernames, a column of urls, a column of timezones
# 20:42 shaners use case: sort this table to show me all the irc folks in/near my timezone
# 20:46 tantek yeah. I'm fixing data inconsistency first (which led to the sorting error)
# 20:48 erlehmann tantek, have a description for tabular data that does not present well as a table?
# 20:55 tantek erlhemann, usually when it presents better as prose (with prose spacing), rather than columnar spacing (large spaces that interrupt horizontal reading flow).
# 20:55 tantek shaners - it looks like you sorted by wiki Username: rather than by IRC nickname
# 20:56 tantek (now that I've fixed the errant entries that may have made it unclear what was what)
# 20:59 tantek shaners - give the tabular markup a try - might as well see how it looks (does it help readability etc.)
barnabywalters joined the channel
# 21:15 erlehmann tantek “rel is always document scoped in HTML5” is wrong according to WHATWG spec.
# 21:19 erlehmann > The bookmark keyword gives a permalink for the nearest ancestor article element of the linking element in question, or of the section the linking element is most closely associated with, if there are no ancestor article elements.
# 21:19 erlehmann > For a and area elements, the author keyword indicates that the referenced document provides further information about the author of the nearest article element ancestor of the element defining the hyperlink, if there is one, or of the page as a whole, otherwise.
# 21:20 erlehmann i cannot use e-content because i have no content-wrapping stuff
# 21:20 erlehmann the insides of the article element is the content
# 21:23 tantek erlehmann - then use class="e-content" on the article element itself
# 21:23 tantek assuming it's inside the h-entry as a div or something
# 21:24 erlehmann for my actual microblog use case, h-entry looks like bloat. i do not have a full social profile to show off.
# 21:24 erlehmann i have u-url and dt-published already
# 21:25 tantek edited /Template:irc_user (-58) "dropping hcard markup because this simple wiki template syntax doesn't afford any clues to precise semantics. need something field based (like on WP)." (
view diff )
# 21:25 tantek erlehmann - you don't need full social profile
# 21:25 erlehmann and u-url is already covered by rel=bookmark
# 21:25 tantek just a name, image with alt as name, or even hyperlinked is fine
# 21:25 tantek if you want to use h-entry you must use u-url
# 21:26 erlehmann tantek, the only thing that my web site does not provide machine readably currently is that the time displayed is the time at which the article was published
# 21:26 erlehmann rel=bookmark scopes to the nearest article element and is in the html5 spec
# 21:27 erlehmann i try to find out if there is something that is easier than h-entry. reading up on h-entry in the process
# 21:27 erlehmann i think it is too heavyweight for me.
# 21:27 erlehmann generall, are properties the plain text content of elements?
# 21:30 tantek and in HTML4, rel=bookmark was also page scoped
# 21:30 tantek it's likely this is an error in HTML5 that will have to get fixed
# 21:30 erlehmann tantek, later definitions overrule. hAtom actually looks easy!
# 21:30 erlehmann i'll use hAtom then
# 21:30 tantek erlehmann - nope, later definitions do not get to break backward compat
# 21:30 erlehmann looks way easier than h-entry
# 21:30 tantek erlehmann - you're the first to say that! (re: hAtom easier than h-entry)
# 21:30 Hixie <article> wasn't in html4
# 21:30 Hixie so there's no back-compat breakage
# 21:30 erlehmann tantek, the source code of hipster news is easier since i can assume scoping to <article>
# 21:31 erlehmann Hixie, is there an simple way to markup the <article> pubdate? the pubdate attribute was removed, was it?
# 21:32 erlehmann shaners, scopes to something that has to have a class name, not to <article>
# 21:32 tantek erlehmann - you can use hAtom if you wish, there are other consumers of hAtom, and the microformats2 parsing spec has back-compat notes for a few existing vocabularies.
# 21:33 tantek hAtom is basically frozen (except for any odd bug fixes people come up with)
# 21:33 tantek h-entry is where modern semantic post markup is being developed
# 21:33 erlehmann tantek, i find the implicit scoping of rel values way easier than the class thingy.
# 21:33 tantek erlehmann - then you're definitely an exception
# 21:33 erlehmann shaners, i already have <article> – why should i add a class?
# 21:34 shaners bc my parser doesn't know or care what container element you use for an h-entry
# 21:34 erlehmann tantek, i want to write less verbose pages with the same information.
# 21:34 tantek typical authors find it easier to just use class, for the object (h-entry), for content (e-content), for permalinks (u-url u-uid)
# 21:34 shaners you could, for example, make an <li class="h-entry">
# 21:34 tantek erlehmann - HTML5 doesn't have everything you need for Atom semantics - that got dropped a while ago.
# 21:34 tantek so if you want to do entries, you'll have to add things
# 21:34 tantek and once you do that, it's simpler to "just" use h-entry
# 21:35 tantek but like I said, you have the option to "just" use hAtom as well if that's your preference
# 21:36 Hixie shaners: boo, you shouldn't ignore the semantics of the elements :-)
# 21:36 erlehmann i want it to be easy to consume. so i'll go html5 spec first and then look elsewhere
# 21:36 erlehmann tantek, i'll just use what the spec says about publication date and see how it goes.
# 21:37 shaners erlehmann: the html5 spec and mf2 are not mutually exclusive
# 21:37 Hixie thinks erlehmann is about to be disappointed, unfortunately
# 21:37 erlehmann shaners, no, but i don't need mf2 for hipster news, apparently.
# 21:37 tantek erlehmann, if you want it be easy to consume, then you should focus on h-entry - which is what the parsers are primarily consuming for indieweb purposes
# 21:37 tantek of course your markup should be valid HTML5 so that browsers do the right thing :)
# 21:38 Hixie (the html spec uses "a fictional microdata vocabulary based on the Atom vocabulary" in one example, and schema.org in the other two)
# 21:38 shaners erlehmann: i'm not sure anymore what you're trying to accomplish
# 21:38 tantek Hixie, perhaps one of the two schema examples should use h-entry instead to show even more diversity of approaches
# 21:39 Hixie i don't think h-entry really existed back when these examples were written, but yeah, feel free to file a bug with some sample code and i'll try to add it
# 21:39 erlehmann shaners, easy authoring, easy parsing. h-entry looks complicated to me, compared to ”žscope to nearest article element and use link relations“
# 21:39 Hixie erlehmann: at the risk of restarting the conversation from the top, what are you trying to do, at a high level? :-)
# 21:40 erlehmann schema org has “isFamilyFriendly”
# 21:40 erlehmann i want to make the content more accessible. but i found that the only thing that is missing is that the article publication date is denoted assuch
# 21:41 erlehmann (source code of the blog software can be downloaded at the bottom of the page)
# 21:41 Hixie what do you mean by "accessible" ?
# 21:41 erlehmann machine-readable.
# 21:42 erlehmann so i already have a feed. maybe i'll just add a link rel=alternate
# 21:42 Hixie what do you mean by "machine-readable"?
# 21:43 Hixie that seems like a solution. what's the high-level problem you're trying to solve?
# 21:43 Loqi gives erlehmann a crawler to be able to infer the semantics of the document
samkottler joined the channel
# 21:44 erlehmann i want the content to be accessible for a broadest range of users this includes users with diminished sensor or computational capability.
# 21:45 Loqi gives erlehmann the content to be accessible for a broadest range of users this includes users with diminished sensor or computational capability
# 21:45 tantek edited /h-entry (+328) "/* What about rel bookmark */ note rel typically document scoped, and rel=bookmark special casing is not particularly author-friendly for understanding rel values in general" (
view diff )
# 21:46 erlehmann hixie, i have thought about the issue and now think that linking to a feed of the content actually achieves this already.
# 21:46 Hixie erlehmann: what makes you think the content is not already accessible by everyone?
# 21:46 erlehmann nothing, it was just an idea. ex falso quodlibet.
# 21:47 erlehmann thank you for your socratic questioning.
# 21:47 erlehmann Hixie, something completely different, what does distinguish <title> and the top-most <h1> element?
# 21:48 Hixie <title> is what ends up in the bookmark if you bookmark the page, in the back button menu or history menu if you navigate to another page, and what ends up in the window caption
# 21:48 Hixie <h1> is what gets drawn in the content area
# 21:51 Hixie <title>s don't participate in outline creation
# 21:51 Hixie <title> is the text that appears on the index card in the library card index. <h1> is what appears on the book cover.
# 21:52 erlehmann so <title> is supposedt to be more descriptive, summary-like?
# 21:54 Hixie yeah. the html spec discusses this some, i think.
# 21:54 Hixie "The title element represents the document's title or name. Authors should use titles that identify their documents even when they are used out of context, for example in a user's history or bookmarks, or in search results. The document's title is often different from its first heading, since the first heading does not have to stand alone when taken out of context."
gjones joined the channel
# 22:13 tantek erlehmann, if these kinds of detailed HTML5 semantics questions and accessibility interest you, I recommend lurking in #whatwg as well. A lot to learn from watching what goes by there.
indiewebcamp-vis and tobyink joined the channel
# 23:00 tantek shaners - you editing the template or shall I?
# 23:01 shaners i was gonna. in a minute. i'm getting sucked into a meeting.
# 23:01 tantek it is - don't like broken content on our pages
romainneutron joined the channel
# 23:06 tantek ok - I see - think I mostly updated the template to work ok
# 23:06 tantek well we'll see how this works - I'm a bit unconvinced by the addition of two more fields (makes the template just that much harder to figure out for new people adding themselves)
# 23:16 bret is it possible to change my username on the wiki?
# 23:17 tantek bret - hmm - not sure - sounds like a mediawiki thing
# 23:17 tantek otherwise - you can always just create a new one
# 23:17 bret not a big deal, I was confused by the format of the table
bnvk joined the channel
indiewebcamp-vis joined the channel
# 23:56 shaners let's let it ruminate for a bit and see how it feels/gets used. maybe i'm wrong and that old list is more betterer.
# 23:57 tantek sure, let's see how the new works for a while