#microformats 2013-08-15

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
#
0xy741xdw8
edited /User:0xy741xdw8 (+2916) "/* until close to the objective of. */ new section"
(view diff)
eschnou, bnvk and pfefferle joined the channel
#
9ic743ykj1
edited /User:9ic743ykj1 (+2472) "/* Two fat cat owner died after the body fat starve the carry o */ new section"
(view diff)
indiewebcamp-vis, barnabywalters and romainneutron joined the channel
#
0ht613won6
edited /User:0ht613won6 (+4550) "/* College students should know how to allocate the vacation ti */ new section"
(view diff)
#
4jy129oda8
edited /User:4jy129oda8 (+2152) "/* Argentina and Chile border a volcano gas between the two cou */ new section"
(view diff)
bnvk and pfefferle joined the channel
#
tommorris
edited /iso-8601 (+154) "adding XKCD comic"
(view diff)
tobyink, barnabywalters, oliveiraev, romainneutron, tealmage, TallTed and bnvk joined the channel
#
9ic743ykj1
edited /User:9ic743ykj1 (+4516) "/* The Russian fifth generation fighter T50 successful first fl */ new section"
(view diff)
danbri, tealmage and tobyink joined the channel
#
0xy741xdw8
edited /User:0xy741xdw8 (+2591) "/* at that time */ new section"
(view diff)
xtof, grosroro, jgay, nonge and tealmage joined the channel
#
herodxl71c
edited /User:Herodxl71c (+3281) "/* Custom Packers Jerseys Xfo98Qu - So using this product line */ new section"
(view diff)
suderman and tobyink joined the channel
#
tantek
tommorris - it just happens to be the 227th day of the year
tealmage joined the channel
#
tantek
coincidentally with that XKCD cartoon
shaners joined the channel
#
9ic743ykj1
edited /User:9ic743ykj1 (+3796) "/* Philippines 15 senior officials and media face prosecution. */ new section"
(view diff)
TallTed joined the channel
#
tommorris
tantek: Nifty.
tealmage joined the channel
#
0xy741xdw8
edited /User:0xy741xdw8 (+4179) "/* don't say your born under a bad sign */ new section"
(view diff)
tealmage and tswicegood joined the channel
#
aaronpk
3 minutes until tantek: hello
#
Loqi
I added a countdown scheduled for 8/15 12:55pm (#5234)
#
Loqi
tantek: hello
erlehmann joined the channel
#
erlehmann
tantek, tell!
#
tantek
there is a lot of good advice here
#
erlehmann
the thing is, i am not entirely against stuff that disregards the guideline.
#
erlehmann
i just think that most of it *will* be complicated
#
tantek
erlehmann - how do you note exceptions?
#
erlehmann
tantek, qualify “exception”.
#
tantek
"not entirely against"
#
erlehmann
> No pagination, except for collections of self-contained compositions or very long lists.
#
tantek
right
#
tantek
also - do you have tools to test these guidelines?
#
tantek
if you could link to them - that would be useful!
#
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.
#
erlehmann
i actually planned to write some, for my own pages. i did not.
#
tantek
i mean even simple stuff like transfer size - counting
#
tantek
or # of resources
#
tantek
would be great if you had (or linked to) tools to check those things
#
erlehmann
heh, i tested transfer size with curl.
#
erlehmann
i wrote that article when i found that the signal to noise ratio is very high
#
tantek
oh sweet! - perhaps an example command line to use?
#
tantek
and shell commands to check the size?
#
erlehmann
like, for 50k of text, i get 2MB of advertising and tracking
#
erlehmann
ah, very low
#
erlehmann
sorry. signal to noise is very low. small. low signal, high noise.
#
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.
#
aaronpk
hey erlehmann, reading the post now too. lots of good advice there for sure
tealmage joined the channel
#
erlehmann
shaners, i understand!
#
erlehmann
the simpler a format, the simpler to compare the output.
#
erlehmann
desudesudesu /home/erlehmann
#
erlehmann
1011 ~ % curl http://example.org -w '%{size_download}' -s | tail -n1
#
erlehmann
1270%
#
erlehmann
tantek!
#
shaners
how's the h-entry coming for your site?
#
erlehmann
you are just tantek with a different name!
#
tantek
no he's not!
#
erlehmann
i once got k-lined at foonetic
#
erlehmann
because people were assuming i were a bot
#
erlehmann
and i was just telling them i was not a bot whenevery they suspected it
#
erlehmann
so they thought i was a bot telling everyone he is not a bot
#
erlehmann
(of course, i am not a bot)
#
tantek
erlehmann - cool (re: curl link) - perhaps add it to a list of tools section in your
#
tantek
"The Uncomplicated Web" post?
#
tantek
that would be more discoverable than IRC archives :)
#
bret
I think we have a bot on our hands
#
erlehmann
bret, not me!
#
tantek
great - your choice!
#
erlehmann
look who's talking!
#
bret
You were written by your opinionated master!
#
bret
to spread ideas faster than he could!
#
erlehmann
1027 ~ % curl -s -o /dev/null -w '%{size_download}' http://news.dieweltistgarnichtso.net/
#
erlehmann
41714
#
erlehmann
1028 ~ % curl -s -o /dev/null -w '%{size_download}' http://news.dieweltistgarnichtso.net/ --compressed
#
erlehmann
12893
#
erlehmann
so easy!
#
erlehmann
:)
#
tantek
erlehmann - great - add one of those example curl lines to your post and update it!
#
erlehmann
hmmm.
#
erlehmann
i better make a separate test tools suite.
#
tantek
that would be great too!
#
erlehmann
it would be better. i think there is no universal tool besides -prefix-free that i can recommend.
#
erlehmann
(and -prefix-free really speeds up development)
#
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
#
tantek
erhlehmann - not sure - URL?
#
erlehmann
i only met one guy who told me the reason is that he needed money, because he had debts
#
erlehmann
financial debt. so his blog is full of advertising.
#
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.
#
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.
#
erlehmann
s/buy/by/g
#
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.
#
erlehmann
is that a bot?
#
erlehmann
s/bot/regex\ bot/g
#
Loqi
erlehmann meant to say: is that a regex\ bot?
#
erlehmann
lawl :3
#
erlehmann
abc
#
bret
I belive in Loqi
#
Loqi
grins profusely
#
erlehmann
s/([ab]+)[ab]/\1/g
#
Loqi
erlehmann meant to say: ac
#
erlehmann
what
#
erlehmann
s/w/'';!--"<XSS>=&{()}/g
#
Loqi
erlehmann meant to say: '';!--"<XSS>=&{()}hat
#
erlehmann
great success :3
#
erlehmann
s/3/1\n2/g
#
Loqi
erlehmann meant to say: great success :1\n2
#
erlehmann
(i'll stop)
#
veganstraightedge
edited /irc-people (-58) "added myself to irc-people"
(view diff)
#
tantek
shaners - did you just sort irc-people as well?!?
#
tantek
wow - were there dups? hence the -58?
#
shaners
it just took a second in textmate
#
shaners
well, not that many dups
#
tantek
um oops - except it's no longer sorted by name
#
tantek
e.g. first entry is "Jeremy Keith"
#
shaners
oh shit. it's sorted by irc username.
#
shaners
adactio
#
shaners
i'll fix it up.
#
shaners
kinda wanna rewrite it as a table anyhow.
#
shaners
any objection to that?
#
tantek
shaners - table, ugh
#
shaners
displays better
#
tantek
actually we should just show the irc alias first
#
tantek
let me see if I can minor hack the template
#
shaners
it IS tabular data
#
tantek
not all tabular data presents well as a table
#
shaners
i seem to remember some guy saying that data tables were a good thing for tabular data :P
#
tantek
tabular data usually implies some relationship among things in the same column
#
shaners
uh… yeah. a column of irc usernames, a column of wiki usernames, a column of urls, a column of timezones
#
tantek
shaners - you're convincing me slowly ;)
#
shaners
that's what i do!
#
shaners
use case: sort this table to show me all the irc folks in/near my timezone
#
tantek
yeah. I'm fixing data inconsistency first (which led to the sorting error)
#
tantek
edited /irc-people (+150) "add ??? and parenthesize those who put their full names but not their IRC nicknames"
(view diff)
#
erlehmann
tantek, have a description for tabular data that does not present well as a table?
#
tantek
erlhemann, usually when it presents better as prose (with prose spacing), rather than columnar spacing (large spaces that interrupt horizontal reading flow).
#
tantek
edited /irc-people (+15) "fix haibtdt use of template, and RobertBachmann parentheses"
(view diff)
#
tantek
shaners - it looks like you sorted by wiki Username: rather than by IRC nickname
#
tantek
could you fix?
#
tantek
(now that I've fixed the errant entries that may have made it unclear what was what)
#
tantek
(fix sort order that is)
#
shaners
yes. i'll fix it up.
#
tantek
much thanks
#
tantek
shaners - give the tabular markup a try - might as well see how it looks (does it help readability etc.)
barnabywalters joined the channel
#
tantek
edited /h-entry (+1106) "/* Backward Compatibility */ add compat faq with What about rel bookmark"
(view diff)
#
erlehmann
again here
#
erlehmann
tantek “rel is always document scoped in HTML5” is wrong according to WHATWG spec.
#
tantek
erlehmann, citation?
#
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.
#
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.
#
erlehmann
i cannot use e-content because i have no content-wrapping stuff
#
erlehmann
the insides of the article element is the content
#
tantek
edited /irc-people (+12) "fix a few more"
(view diff)
#
tantek
erlehmann - then use class="e-content" on the article element itself
#
tantek
assuming it's inside the h-entry as a div or something
#
tantek
edited /irc-people (+6) "one more"
(view diff)
#
erlehmann
for my actual microblog use case, h-entry looks like bloat. i do not have a full social profile to show off.
#
erlehmann
i have u-url and dt-published already
#
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)
#
tantek
erlehmann - you don't need full social profile
#
erlehmann
and u-url is already covered by rel=bookmark
#
tantek
just a name, image with alt as name, or even hyperlinked is fine
#
tantek
rel=bookmark is from hAtom
#
tantek
if you want to use h-entry you must use u-url
#
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
#
tantek
that's dt-published
#
erlehmann
rel=bookmark scopes to the nearest article element and is in the html5 spec
#
erlehmann
yeah
#
erlehmann
i try to find out if there is something that is easier than h-entry. reading up on h-entry in the process
#
erlehmann
i think it is too heavyweight for me.
#
erlehmann
generall, are properties the plain text content of elements?
#
tantek
erlehmann - hAtom predates HTML5
#
tantek
in terms of defining rel=bookmark
#
tantek
and in HTML4, rel=bookmark was also page scoped
#
tantek
it's likely this is an error in HTML5 that will have to get fixed
#
erlehmann
tantek, later definitions overrule. hAtom actually looks easy!
#
erlehmann
i'll use hAtom then
#
tantek
erlehmann - nope, later definitions do not get to break backward compat
#
erlehmann
looks way easier than h-entry
#
tantek
erlehmann - you're the first to say that! (re: hAtom easier than h-entry)
#
tantek
everyone else sees h-entry as simpler
#
tantek
interesting
#
Hixie
<article> wasn't in html4
#
Hixie
so there's no back-compat breakage
#
shaners
whoa. it's a Hixie. in the wild.
#
erlehmann
tantek, the source code of hipster news is easier since i can assume scoping to <article>
#
erlehmann
Hixie, is there an simple way to markup the <article> pubdate? the pubdate attribute was removed, was it?
#
shaners
erlehmann: dt-published
#
Hixie
erlehmann: yeah, seach for "publication date" in the html spec (http://whatwg.org/C)
#
erlehmann
shaners, scopes to something that has to have a class name, not to <article>
#
erlehmann
thx
#
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.
#
tantek
hAtom is basically frozen (except for any odd bug fixes people come up with)
#
shaners
erlehmann: why don't you want to use classes?
#
tantek
h-entry is where modern semantic post markup is being developed
#
erlehmann
tantek, i find the implicit scoping of rel values way easier than the class thingy.
#
tantek
erlehmann - then you're definitely an exception
#
erlehmann
shaners, i already have <article> – why should i add a class?
#
shaners
bc my parser doesn't know or care what container element you use for an h-entry
#
erlehmann
tantek, i want to write less verbose pages with the same information.
#
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)
#
shaners
you could, for example, make an <li class="h-entry">
#
tantek
erlehmann - HTML5 doesn't have everything you need for Atom semantics - that got dropped a while ago.
#
tantek
so if you want to do entries, you'll have to add things
#
tantek
and once you do that, it's simpler to "just" use h-entry
#
tantek
rather than mixing things across approaches
#
tantek
but like I said, you have the option to "just" use hAtom as well if that's your preference
#
Hixie
shaners: boo, you shouldn't ignore the semantics of the elements :-)
#
erlehmann
i want it to be easy to consume. so i'll go html5 spec first and then look elsewhere
#
erlehmann
tantek, i'll just use what the spec says about publication date and see how it goes.
#
shaners
erlehmann: the html5 spec and mf2 are not mutually exclusive
#
Hixie
thinks erlehmann is about to be disappointed, unfortunately
#
erlehmann
shaners, no, but i don't need mf2 for hipster news, apparently.
#
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
#
tantek
of course your markup should be valid HTML5 so that browsers do the right thing :)
#
Hixie
(the html spec uses "a fictional microdata vocabulary based on the Atom vocabulary" in one example, and schema.org in the other two)
#
shaners
erlehmann: i'm not sure anymore what you're trying to accomplish
#
tantek
Hixie, perhaps one of the two schema examples should use h-entry instead to show even more diversity of approaches
#
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
#
erlehmann
shaners, easy authoring, easy parsing. h-entry looks complicated to me, compared to ”žscope to nearest article element and use link relations“
#
Hixie
erlehmann: at the risk of restarting the conversation from the top, what are you trying to do, at a high level? :-)
#
erlehmann
schema org has “isFamilyFriendly”
#
erlehmann
awwww
#
erlehmann
Hixie, i have a minimalist blog software running at http://news.dieweltistgarnichtso.net
#
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
#
erlehmann
(source code of the blog software can be downloaded at the bottom of the page)
#
Hixie
what do you mean by "accessible" ?
#
erlehmann
machine-readable.
#
erlehmann
so i already have a feed. maybe i'll just add a link rel=alternate
#
Hixie
what do you mean by "machine-readable"?
#
Hixie
why?
#
Hixie
that seems like a solution. what's the high-level problem you're trying to solve?
#
Loqi
gives erlehmann a crawler to be able to infer the semantics of the document
samkottler joined the channel
#
erlehmann
i want the content to be accessible for a broadest range of users this includes users with diminished sensor or computational capability.
#
Loqi
gives erlehmann the content to be accessible for a broadest range of users this includes users with diminished sensor or computational capability
#
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)
#
erlehmann
hixie, i have thought about the issue and now think that linking to a feed of the content actually achieves this already.
#
Hixie
erlehmann: what makes you think the content is not already accessible by everyone?
#
erlehmann
nothing, it was just an idea. ex falso quodlibet.
#
erlehmann
thank you for your socratic questioning.
#
erlehmann
Hixie, something completely different, what does distinguish <title> and the top-most <h1> element?
#
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
#
Hixie
<h1> is what gets drawn in the content area
#
erlehmann
Hixie, for the purpose of outlining, can i only have a <title> at the outermost layer? like here: <http://daten.dieweltistgarnichtso.net/tmp/docs/collaborative-decision-making.html>
#
Hixie
<title>s don't participate in outline creation
#
erlehmann
why not?
#
Hixie
<title> is the text that appears on the index card in the library card index. <h1> is what appears on the book cover.
#
erlehmann
so <title> is supposedt to be more descriptive, summary-like?
#
Hixie
yeah. the html spec discusses this some, i think.
#
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
#
erlehmann
i see.
#
erlehmann
thx
#
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
#
veganstraightedge
edited /irc-people (+225) "step 1 toward a more better irc-people page"
(view diff)
#
tantek
shaners - you editing the template or shall I?
#
shaners
i was gonna. in a minute. i'm getting sucked into a meeting.
#
tantek
on it
#
shaners
so, if it's pressing, you can.
#
shaners
there are five "fields"
#
tantek
it is - don't like broken content on our pages
#
tantek
uh 5? I only counted 4
romainneutron joined the channel
#
tantek
edited /Template:irc_user (+10) "swap the user: and irc nick since the irc-people page did so, add 4th field as dash"
(view diff)
#
tantek
edited /Template:irc_user (+8) "one more try"
(view diff)
#
tantek
edited /Template:irc_user (-2) "rm - since it's mostly unused"
(view diff)
#
tantek
ok - I see - think I mostly updated the template to work ok
#
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)
#
tantek
more form fields = harder UI
#
tantek
but let's try it and see what happens
#
bret
is it possible to change my username on the wiki?
#
tantek
bret - hmm - not sure - sounds like a mediawiki thing
#
tantek
maybe ask tommorris
#
tantek
otherwise - you can always just create a new one
#
bret
not a big deal, I was confused by the format of the table
#
tantek
yeah, that's what I was afraid of
#
tantek
mo fields, mo confusion
bnvk joined the channel
#
bret
so IRC name first, then wiki name?
indiewebcamp-vis joined the channel
#
tantek
something like that
#
aaronpk
mediawikitables--
#
Loqi
mediawikitables has -1 karma
#
bcomnes
edited /irc-people (+42) "Added me"
(view diff)
#
veganstraightedge
edited /Template:irc_user (+157) "step 2 toward a more better irc-people page (tr with h-card for each person in the template)"
(view diff)
#
veganstraightedge
edited /Template:irc_user (-10) "made the irc template one line, bc mediawiki is picking about line breaks and leading whitespace"
(view diff)
#
veganstraightedge
edited /irc-people (-460) "remove *s to un-<ul> the irc people"
(view diff)
#
shaners
hold on, everyone. still working on it.
#
veganstraightedge
edited /irc-people (+118) "step 3 toward a more better irc-people page (wrapped all the <tr>s in a table)"
(view diff)
#
veganstraightedge
edited /Template:irc_user (+8) "dropped "User:" in visible link text"
(view diff)
#
veganstraightedge
edited /irc-people (-26) "fixed two notes that were displaying wrongly"
(view diff)
#
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.
#
tantek
sure, let's see how the new works for a while
#
tantek
in the mean time, I'm really digging the simpler/cleaner look of http://indiewebcamp.com/IRC-people
#
tantek
it's tighter. neater.