#microformats 2015-03-19

2015-03-19 UTC
tantek and Tigt joined the channel
#
Tigt
Pardon me, I was wondering if I could ask for some advice on using microformats2
KevinMarks_ joined the channel
#
tantek
Tigt - go for it - hopefully one of us can help out!
#
Tigt
awesome, thank you
#
Tigt
I'm scaffolding up a webcomic site where I'm trying some high-concept stuff
#
Tigt
mostly, comics-as-markup instead of bitmaps
#
Tigt
(bunch of SVG)
#
Tigt
and I was curious if microformats can go onto SVG
#
Tigt
I figure they do, since it supports the class attribute
#
Tigt
it would be inline markup, and the only difficulty I can foresee is it being in a technically different elementNS() and all which might cause parser issues
#
tantek
hmm - I think it should "just" work
#
tantek
microformats can go wherever you have a class attribute :)
#
tantek
if you have an example URL we can try running it through microformats parsers
#
Tigt
I'll try that later, I'm very beginning-stages for now
#
aaronpk
that would be amazing!
#
Tigt
and secondly, I'm guessing that h-entry would be most suitable
#
Tigt
but I just wanted to run that guess by here
KartikPrabhu joined the channel
#
aaronpk
probably yeah, the whole comic would be an h-entry
#
tantek
Tigt - indeed
#
tantek
we have a few examples of folks publishing comics on the indieweb
#
tantek
(with text fallback and microformats markup)
#
Tigt
oh man, I have that bookmarked apparently
#
Tigt
that's a pleasant surprise
#
Tigt
ah yeah I remember the use of <object>
#
Tigt
I tried that for some early comic-accessibility experiments
#
Tigt
it seems to work poorly sometimes
JonathanNeal joined the channel
#
JonathanNeal
SVGs, Comics? Hello!
#
tantek
Tigt I bet together we can figure out how to make it work well
#
Tigt
I couldn't find a lot of information on what browsers /did/ with the object fallback interior
#
Tigt
especially not re:accessibility trees
#
Tigt
hello Mr. Neal, I didn't know you were into SVG comics
#
tantek
Tigt - works great for microformats parsers!
#
Tigt
I guess that's true!
#
tantek
Tigt - which means works great for indie readers too!
#
JonathanNeal
Tigt: I happen to be working on a website that’s adding a comic, not in SVG, but it’s a really neat idea to convert it into SVG.
#
JonathanNeal
Since it’s black and white and shouldn’t be too difficult.
#
Tigt
that would be pretty neat
#
JonathanNeal
It’s just a vector format, very suitable for the medium.
#
JonathanNeal
And technically, you could group all the pages, hash them, and have the SVG be a readable comic.
#
Tigt
I ran a Robbie and Bobby comic through a converter and then tuned it by hand, it ended up being a third the filesize
#
JonathanNeal
Almost like a self-contained website.
#
JonathanNeal
So, is there a microformats side to this?
#
Tigt
(once I gzipped it level 9, anyway)
#
Tigt
yeah I was just curious if h-entry was suitable and if SVG was an allowed markup language for microformats
#
Tigt
since it uses class it slots in pretty perfectly
#
Tigt
having trouble with inserted <meta> tags, but dark data shouldn't be kosher anyway
#
Tigt
(the HTML5 parser thinks you forgot your </svg> and autocloses it)
#
tantek
indeed, avoid <meta>
#
tantek
the only good meta is <meta charset="utf-8"/>
#
JonathanNeal
And it’s only good for bad reasons.
#
tantek
so true
#
Tigt
it does switch back to HTML inside <title>, <desc>, and <foreignObject>, so it's possible in emergencies
#
Tigt
but man I don't want to abuse those tags for that
#
Tigt
alright, thanks for lending me your ear, I'll send my page through the parsers once it's done and report any issues if they happen
KartikPrabhu and Atamido joined the channel
#
tango_
it might even be possible to tag the characters inside the comic with microformats
#
tango_
and the text bubbles with p-content
#
tango_
and have some automatic comic-to-text
KevinMarks_, kez_ and alanpearce joined the channel
#
ben_thatmustbeme
tango_ there was work on person tagging in photos. That's basically what it is.
KevinMarks_ joined the channel
#
tango_
ben_thatmustbeme: yah, with the addition of the text bubbles
#
tango_
this site http://www.ohnorobot.com/ would love such a feature
#
tango_
it could even link to the specific _panel_
eschnou joined the channel
#
tango_
so, since my question of lore seems to have gotten lost, I'll reframe it more accurately. we have a website which is handled by jekyll, and I intend to use jekyll-scholar to produce the bibliography page. I wanted it to be properly marked up as bibliography, but all the CSL styles that I see only do standard HTML markup. does anybody know of a CSL style that actually produces microformat-friendly html
#
tango_
instead?
#
tango_
(or should I try my hand at CSL and see if I can hack it up myself?)
#
tango_
(and if so which microformat style should I use? it seems that for these things there is no widespread consensus as for other, at least judging from the wiki)
KevinMarks, KevinMarks_, alanpearce, ivc and csarven joined the channel
KevinMarks_, mettekou and alanpearce_ joined the channel
#
@AllTheTwits
wonders if there's any social site that currently uses hCard for its contacts lists
(twitter.com/_/status/578521066307457024)
tantek and mettekou joined the channel
#
tango_
tommorris: ah, it's not linked from where it should be 8-/ thanks
#
tommorris
tango_: feel free to suggest fixes (or just edit the pages in question).
#
tango_
tommorris: good point
#
tango_
I think I even have an account on the wiki from a few eons ago
TallTed, KevinMarks_, pfefferle, gRegor` and tantek joined the channel
KevinMarks_, Acidnerd, mettekou, KevinMarks__, barnabywalters, tantek, pfefferle and csarven joined the channel
#
@glasser
@glasser ... and a JS implementation of a standard nobody cares about (maybe my first JS ever?) https://github.com/glasser/js-hcalendar
(twitter.com/_/status/578614791478067200)
tantek, barnabywalters, eschnou and KevinMarks_ joined the channel
#
tantek
interesting: anyone want to update https://github.com/glasser/js-hcalendar/ to microformats2?
KevinMarks_ and willnorris joined the channel
#
willnorris
the mf2 parsing page mentions selectors like "abbr.p-x[title]". If I'm not mistaken, that would also match a title attribute with an empty value, correct? Most of the libraries I've looked at (node, php, py) all check for non-empty attribute values. thoughts on the discrepency?
#
tantek
it does mean to include title attributes with empty values because the assumption is that the author did intend that because putting in an empty title attribute is a deliberate action
#
tantek
we can add that as an FAQ
#
willnorris
thanks, that's what I was thinking as well. If there's an empty attribute, it must have been intentional
#
willnorris
edited /microformats2-parsing-faq (+288) "add question about empty attribute values"
(view diff)
#
tantek
willnorris++ thanks!
#
Loqi
willnorris has 14 karma
KartikPrabhu, KevinMarks_, KevinMarks__ and alanpearce joined the channel