MicroFormats - any experience? any opinions?

Hugo
avatar
rank Moderator

Moderator


Posts: 12570
Joined: 2004-06-06
Location: London

Just a general feeler, has anyone had much/any experience of MicroFormats, are there any opinions good bad or indifferent to be aired, do they really add to machine semantics, are they a real benefit or just a fad ?

If of benefit as with such things why have they not become more talked about? or is it just that they are young and not fully tried and tested yet.

Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Tyssen
Tyssen's picture
rank Moderator

Moderator


Posts: 6781
Joined: 2004-05-01
Location: Brisbane

Hugo wrote:Jor is it just

Hugo wrote:
Jor is it just that they are young and not fully tried and tested yet.

That's my feeling. The only opportunity I've had to use Microformats is marking up a hCard on my own site, but Brian Suda runs through a list of ways in which they can be used now and possibly in the future - http://www.sitepoint.com/article/microformats-meaning-markup

How to get help
Post a link. If you can't post a link, post ALL your code, both HTML & CSS. No server-side code; just the code sent to the browser.
Use tags.
My articles | CSS Reference

Hugo
Hugo's picture
rank Moderator

Moderator


Posts: 12570
Joined: 2004-06-06
Location: London

I did read through much of

I did read through much of microformats.org to try and get up to speed a bit, but the Sitepoint article is a better explanation .

I can see the point of them, still not sure I like all the classes, but not my decision Smiling
vcard and hcard do make a lot of sense especially when it's explained how essentially we have all probably been using vcard unknowingly from time to time.

Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Triumph
Triumph's picture
rank Moderator

Moderator


Posts: 5286
Joined: 2005-02-03
Location: Pennsyltucky, USA

I've got to be honest. All

I've got to be honest. All these new buzzwords have got my head to spinning. Microformats, code behind, Ajax, Web 9.7...

... where to go from here? Who knows?

Hugo
Hugo's picture
rank Moderator

Moderator


Posts: 12570
Joined: 2004-06-06
Location: London

Sadly - he said wearily -

Sadly - he said wearily - were being plunged into a world of pages scripted to death, interfaces are taking over; google, yahoo, et all are foisting so many technologies upon us that it seems nigh on impossible to keep a semantic standards focused control on things, at least that's how it feels.

Microformats are in essence a good idea, yet they claim much about semantic based markup working with standards and they do..mainly, yet all examples I have found tend to throw a lot of data into spans and divs which is not what I call particularly semantic, trying to get the data into a meaningful structure that can also be displayed is not as simple as they would suggest, it's not exactly hard but confusing with having to acknowledge a heap of class triggers.

I have managed a basic company address structure, business details, and I can use that to feed to google maps and it will find the location, I can also export the vcard to Firefox address book contact details but for the life of me can't get it to match fields correctly it simply will not place web url under the business contact tab only the personal tab Puzzled

Maybe FF is getting it wrong as I've rung the changes on the microformat and it won't play ball. Its one of these trial and error jobs that just ends up wasting so much time Sad

Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Triumph
Triumph's picture
rank Moderator

Moderator


Posts: 5286
Joined: 2005-02-03
Location: Pennsyltucky, USA

Ok, I'm waiting for

Jawdropping! Puzzled

Ok, I'm waiting for your report on how to use microformats and why I should. Sticking out tongue

Hugo
Hugo's picture
rank Moderator

Moderator


Posts: 12570
Joined: 2004-06-06
Location: London

Right at this minute I

Right at this minute I haven't got much good to say about them Mad

Can't work out how these class objects are meant to work or how to get a structure that works, it's not clear enough how the apps extract their meaningful information and what classes they require and where, loath trial and error.

Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

jazajay
jazajay's picture
rank Regular

Regular


Posts: 15
Joined: 2007-07-26
Location: Leicester, England

Hi To be honest I havn't

Hi
To be honest I havn't heard much about mico formats till a few weeks ago. But i've got to admit I love the idea. Just due to the fact that they will change the desciption text in the bookmark list is a really great idea. This keeps the booksmarks upto date which should help in click thoughs.

I hate it when i revisit a site from my bookmarks and find the information has changed.

But if i did see a change on one of my fav sites i probly would click though I mean you bookmark a site because you like it and if they have similar new content then i want to know.

Think of it as add marketing to already returning customers. Great concept in my opinion. I might change my mind when I get round to impelmenting them thou lol

War is for boys BDSM is for men

Tyssen
Tyssen's picture
rank Moderator

Moderator


Posts: 6781
Joined: 2004-05-01
Location: Brisbane

jazajay wrote:But if i did

jazajay wrote:
But if i did see a change on one of my fav sites i probly would click though I mean you bookmark a site because you like it and if they have similar new content then i want to know.

Sounds like you're talking about feeds there, not microformats.

How to get help
Post a link. If you can't post a link, post ALL your code, both HTML & CSS. No server-side code; just the code sent to the browser.
Use tags.
My articles | CSS Reference

jazajay
jazajay's picture
rank Regular

Regular


Posts: 15
Joined: 2007-07-26
Location: Leicester, England

I was checking them out and

I was checking them out and appaently one of the benifts is they update your bookmarks description if i'm wrong I appologise but i dont think i am as i was going though why use microformats and this was one of the reasons they gave i'll check the site out later and double check but i dont think i am.

If i am being a muppet and talking about something completly different sorry for the post you have me paroniod now. lol

War is for boys BDSM is for men

jazajay
jazajay's picture
rank Regular

Regular


Posts: 15
Joined: 2007-07-26
Location: Leicester, England

Hi Check out this

Hi
Check out this url
https://addons.mozilla.org/en-US/firefox/addon/4106
it is a FF addon. Sorry i cant find the orginaal page as i'm not at my normal computer. But this i think has what i'm on about.

Operator lets you combine pieces of information on Web sites with applications in ways that are useful. For instance, Flickr + Google Maps, Upcoming.org + Google Calendar, Yahoo! Local + your address book, and many more possibilities and permutations. All of these scenarios are possible due to Microformats, an emerging standard for injecting semantics into HTML.

Now i know this doesn't say exactly what i said but i have read you can do this at least FF does it. If I am wrong please correct me. When i get back home i'll see if i bookmarked the page, probly havn't lol

War is for boys BDSM is for men

jazajay
jazajay's picture
rank Regular

Regular


Posts: 15
Joined: 2007-07-26
Location: Leicester, England

Also check

Also check out
http://www.dvhardware.net/article16071.html
this is a bit more specific but I know you can do it or it will happen soon
phew I almost looked like an idiot you had me worried lol

War is for boys BDSM is for men

Tyssen
Tyssen's picture
rank Moderator

Moderator


Posts: 6781
Joined: 2004-05-01
Location: Brisbane

jazajay wrote:Check out this

jazajay wrote:
Check out this url
https://addons.mozilla.org/en-US/firefox/addon/4106

Yes, I already have that. It doesn't tell you when websites have been updated though which is what I thought you were saying. If that's what you meant, then you're actually talking about feeds - RSS, Atom etc. And no, I don't believe Microformats have the ability to automatically update your bookmarks; there would still need to be some sort of action from the user.

How to get help
Post a link. If you can't post a link, post ALL your code, both HTML & CSS. No server-side code; just the code sent to the browser.
Use tags.
My articles | CSS Reference

Hugo
Hugo's picture
rank Moderator

Moderator


Posts: 12570
Joined: 2004-06-06
Location: London

Microformats don't have the

Microformats don't have the ability to auto update, Operator provides the ability to extract the information from say a vcard and to use it in a number of ways, if you have tagged the address lines with a parent class 'adr' then an option provided is to feed to Google Maps whereupon you will open a map straight to the address which is kind of neat, you can also extract the vcard info and save it to a file suitable for email client address books or directly into thunderbirds address book, however this function doesn't seem to match fields exactly placing url addresses under the home tab despite the fact that you have tagged the vcard as an 'org' (business) this seems to the case even if you test with one of the official examples which one would take to be correctly formatted; the bookmark function appears to a little odd in extracting all the vcard information and placing it under the description field in FF but I may have missed something there, despite my vcard supposedly being correct and valid, also despite all the functions of operator working in one mode when I switch to the user mode they grey out Puzzled so is Operator buggy or have I done something incorrectly - it really isn't clear - but that is where one starts to loose too much time trying to figure out through trial and error.

The concept is a good one and no doubt it will expand and improve but at the moment it appears to have limited use. If you take 'Operator' out of the picture then it is difficult to figure out how to make use of the cards, Opera seems not - as yet? - to support them although opera developer makes use of them on their pages ? IE I think is supposed to be making plans to for IE8?

I've agreed that despite the time taken looking into these vs. benefit we might as well have them in place, but like a lot of emerging 'stuff' I've been mildly dissapointed in them and the fact that they are not quite as simple to write as they would have you believe with the parent child tagging and nesting being a tad confusing and crucial to how they work, and examples and guides don't quite go into sufficient detail on that, well at least not in baby speak that I can understand.

Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Tyssen
Tyssen's picture
rank Moderator

Moderator


Posts: 6781
Joined: 2004-05-01
Location: Brisbane

Hugo wrote:If you take

Hugo wrote:
If you take 'Operator' out of the picture then it is difficult to figure out how to make use of the cards

It's going to be a standard built-in feature of FF3.

Funnily enough, I had to do a list of contacts for a company website yesterday and decided to make use of the hcard format. The thing that threw for a bit was marking up telephone and fax numbers: even though it's just a label and not really part of the value, I had to use the word 'work' instead of 'phone' to get the work phone field to be filled in correctly.

How to get help
Post a link. If you can't post a link, post ALL your code, both HTML & CSS. No server-side code; just the code sent to the browser.
Use tags.
My articles | CSS Reference

Hugo
Hugo's picture
rank Moderator

Moderator


Posts: 12570
Joined: 2004-06-06
Location: London

it's the fields that's

it's the fields that's throwing me somewhat but that's interesting that the label a such rather than the value is read I thought the point was that the classes were the field. I'm also confused by the class 'type' as a parent as that seems critical yet not clear in examples of correct usage.

Thanks for that tip I'll have to go back to the test page and play around it's perhaps part of the key to the url placement problem, which is minor but really bugging me.

Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Tyssen
Tyssen's picture
rank Moderator

Moderator


Posts: 6781
Joined: 2004-05-01
Location: Brisbane

Here's an example of markup

Here's an example of markup that worked:

<p class="fn">Person's name</p>
<p>Position: <span class="title">Eastern Region Operations Manager</span></p>
<p class="tel"><span class="type">Work</span>: <span class="value"> (07) XXXX XXXX</span></p>
<p class="fax tel"><span class="type">Fax</span>: <span class="value"> (07) XXXX XXXX</span></p>
<p>Email: <a class="email" href="mailto:person@email.com.au">person@email.com.au</a></p>

Here's what didn't:

<p class="fn">Person's name</p>
<p>Position: <span class="title">Eastern Region Operations Manager</span></p>
<p class="tel"><span class="type">Phone</span>: <span class="value"> (07) XXXX XXXX</span></p>
<p class="fax tel"><span class="type">Fax</span>: <span class="value"> (07) XXXX XXXX</span></p>
<p>Email: <a class="email" href="mailto:person@email.com.au">person@email.com.au</a></p>

How to get help
Post a link. If you can't post a link, post ALL your code, both HTML & CSS. No server-side code; just the code sent to the browser.
Use tags.
My articles | CSS Reference

Hugo
Hugo's picture
rank Moderator

Moderator


Posts: 12570
Joined: 2004-06-06
Location: London

Ah yes it's the use of the

Ah yes it's the use of the type class that's confusing as you do have specify after it as plain text certain seemingly set keywords which one would assume are just for display, I'm making a fundamental error in not using spans enough I think but I'm trying to work this into a ul list and although I've been playing with the type class clearly have been trying to do things that are throwing it out like nested ul.

I still have a sneaking suspicion that the fields such as url are a glitch and that contrary to the instruction that you can class the vcard as org rather than personal in using fn one fundamentally is always attempting to describe a person within a org

Your example helps though thanks!

Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

gary.turner
gary.turner's picture
rank Moderator

Moderator


Posts: 5959
Joined: 2004-06-25
Location: Dallas

I'm way behind the curve - so what's new

I'm way behind the curve on this stuff. My reaction is that it's a damned shame that xhtml as xml is not supported by the dominant browser. It seems to me that implementing information as classes of non-semantic elements is a step backward.

That said, I recently received an email with vcard attachments. A click on each attachment link in Firebird, and my address book was automagically populated with the data.

Microformats work, but I'd think an xml namespace could define <fn> as an element much more elegantly than using <span class="fn">John Doe</span>. But, that's just me, and it ain't happenin'.

cheers,

gary

A pianist who has learned the wrong system of fingering cannot become a virtuoso until he has laboriously taught himself the proper method.

My site is slo-o-owly being reconstructed; visit anyway.

Hugo
Hugo's picture
rank Moderator

Moderator


Posts: 12570
Joined: 2004-06-06
Location: London

I think I agree, what

I think I agree, what perturbed me initially (and still does) was/is the use of classes in this manner; I can see the point and the fact that an attempt has been made to make this an extremely simple thing to implement utilizing as it does markup that everyone is already familiar with.

I wasn't happy with the examples that used divs and spans to markup the information, and in trying to produce some more meaningful structure realized that it was in fact impossible to avoid the use of a large number of spans to section info but that also the 'type' class seemed to be a cumbersome approach relying as it does on a further span but requiring keywords to specify that sub type and those keywords are simply character data which would display. In attempting meaningful structure (in this instance nested uls) it became rapidly clear that the nested order and indeed the ordering of the class tags was far more important than the example guides/cheatsheets led you to believe and that it was all too possible to produce spurious results even though you had followed the technically correct syntax and grouping.

I had to do far more work than I wished as I already had a block of code to present visual contact info but then was asked to implement microformats so had the brain wave of extending the block to include all the vcard class tags and to then turn on or off the display of the classes, so that I had screen rendering, and a nice block of contact details to print out, but it was fiddly to get right, and much to my extreme angst and too much lost time found that it was impossible to get url addresses to place themselves under org details rather than personal in address book. What does work though and is very cool is to be able to link directly to a google map based on the address tags, but that requires the 'operator' plugin for FF and so far only FF seems to have this.

I agree with the concept emphatically we should be able to pull data in a variety of ways to suit different devices/apps yet I am not convinced by this particular implementation, then again I arrived, after some effort, at an outcome that works quite well shrug but do wonder whether it oughtn't to be more along the lines of the ROR implementation

Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Chris..S
Chris..S's picture
rank Moderator

Moderator


Posts: 5685
Joined: 2005-02-22

kk5st wrote:I'm way behind

kk5st wrote:
My reaction is that it's a damned shame that xhtml as xml is not supported by the dominant browser.

But it is. At least in my installations. I have only done limited experimentation with XML and XSLT, however I've not had any problems with the way IE6 displays my pages.

Chris..S
Chris..S's picture
rank Moderator

Moderator


Posts: 5685
Joined: 2005-02-22

The install in question is a

The install in question is a default install of IE6 on Win XP, patched with all updates.

The trivial example page.

An image showing IE displaying the page and the xml and xslt sources. (The CSS hasn't been corrected for IE6 issues - hence differences between the rendered page in IE and other browsers).

Hugo
Hugo's picture
rank Moderator

Moderator


Posts: 12570
Joined: 2004-06-06
Location: London

It's application/xml though?

It's application/xml though?

Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Chris..S
Chris..S's picture
rank Moderator

Moderator


Posts: 5685
Joined: 2005-02-22

(No subject)

Puzzled

Hugo
Hugo's picture
rank Moderator

Moderator


Posts: 12570
Joined: 2004-06-06
Location: London

Well it's not XHTML is it?

Well it's not XHTML is it? we know we can't serve as app/xhtml+xml if we could then we could do something along the lines Gary was suggesting rather than all that xml/xslt gumph or am I wide of the mark.

Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Chris..S
Chris..S's picture
rank Moderator

Moderator


Posts: 5685
Joined: 2005-02-22
Hugo
Hugo's picture
rank Moderator

Moderator


Posts: 12570
Joined: 2004-06-06
Location: London

oh dear, yes sorry then ,

Smiling oh dear, yes sorry then , I'll rephrase, it is xhtml.

Out of interest does the inclusion of hyperlinks work in IE then?

Whenever appropriate application/xhtml+xml should be used , however what is 'appropriate'?

Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

gary.turner
gary.turner's picture
rank Moderator

Moderator


Posts: 5959
Joined: 2004-06-25
Location: Dallas

Chris..S wrote:kk5st

Chris..S wrote:
kk5st wrote:
My reaction is that it's a damned shame that xhtml as xml is not supported by the dominant browser.

But it is. At least in my installations. I have only done limited experimentation with XML and XSLT, however I've not had any problems with the way IE6 displays my pages.

I should have been more explicit, i.e. xhtml+xml.

I just looked again at my three year old xhtml example and its DOM. Were the <p> element replaced by, say, a <card> element, it would be trivial to extract whatever data you wanted, using semantic element markup.

What I was suggesting, so unclearly, was that a public DTD be developed with semantic elements. Where I hand extended the existing DTD, one could simply import a standardized extension. The elements would replace the microformat classes, making well structured, semantic markup a breeze.

Thanks to IE, we're left with a convoluted use of element attributes, or as you showed us, a hybrid of text/html + application/xml. Neither approaches the elegance afforded by eXtensibleHTML.

cheers,

gary

A pianist who has learned the wrong system of fingering cannot become a virtuoso until he has laboriously taught himself the proper method.

My site is slo-o-owly being reconstructed; visit anyway.

Hugo
Hugo's picture
rank Moderator

Moderator


Posts: 12570
Joined: 2004-06-06
Location: London

I tnink that you were

I tnink that you were neither unclear or needed to be more explicit, I got what you meant from the simple sentance which is why I questioned the app/xml example - as interesting as it was.

Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me