Third, we’re reusing existing standards wherever possible, including vCard, OpenSocial, XRDS-Simple, OAuth, etc.

von dem des v/hCard Schema unterscheidet, habe ich ja schon vor einigen Wochen erläutert:

Schade dass die vCard nicht zu 100% übernommen wurde… sonst hätte man ohne größere Änderungen auch die JSON-Serialisierte hCard (jCard) in den Prozess integrieren können. Spannend wäre es vor allem für Services wie Twitter, die das Freundesnetzwerk sowieso mit hCards auszeichnen.

Aber das schöne an Standards ist, dass sie sich ohne großen Aufwand in andere transformieren lassen. Magdex (die Firma hinter UfXtract und OAuth.net) bietet eine Reihe dieser Transformatoren um z.B. hCards, hCards + XFN oder hResumes in das Portable Contacts – Format zu bringen.

…jetzt das ganze nur noch mit OAuth schützen und fertig ist die Portable Contacts API 🙂

(via)

Hey there, RSS reader! You’re one of a special few, choosing this old-school yet awesome way of staying informed. Kudos!

• Getting Semantic With Microformats, Introduction
• Getting Semantic With Microformats, Part 1: rel
• Getting Semantic With Microformats, Part 2: XFN
• Getting Semantic With Microformats, Part 3: hCard
• Getting Semantic With Microformats, Part 4: hCalendar
• Getting Semantic With Microformats, Part 5: hAtom
• Getting Semantic With Microformats, Part 6: hResume

RSS readers like you are the unsung heroes of the internet. Keep up the good work!

Am besten gefällt mir der evil-twin:

An evil twin is the concept in fiction of someone equal to a character in all respects, except for a radically inverted morality. Symmetric.
If the evil twin is literally a twin brother or sister, it should be combined with the XFN value of sibling.
The evil twin value can be applied to a version of yourself from an alternate universe or timeline.

Die Idee zu XEN stammt von Brian Suda und Jeremy Keith und sollte nicht zu ernst genommen werden 😉

RSS readers like you are the unsung heroes of the internet. Keep up the good work!

The DataPortability Project has gained another adherent in Digg, which announced on its blog today that it has implemented three under-the-hood enhancements.

Natürlich ist es wichtig, dass Standards wie Microformats oder RDFa eine große Akzeptanz finden und große und bekannte Dienste wie Digg dazu beitragen diese Standards zu verbreiten… aber das ist in meinen Augen noch lange kein Grund von DataPortability zu sprechen, zumal Microformats (meines erachtens) auch nicht der beste Weg sind, Daten auszutauschen.

Es ist langsam an der Zeit Anwendungsfälle für die ganzen angebotenen Standards wie Microformats, OPML, APML und OAuth zu schaffen. Eine hCard oder XFN zu implementieren ist eine Sache von fünf Minuten und sollte für künftige Webseiten State of the Art sein, sie weiterzuverarbeiten macht für mich DataPortability aus.

Das ist DataPortability:

• Dopplr importiert Social Network auf Basis von Microformats
• Mit wevent Freundeslisten importieren
• Mit einer hCard einen neuen Account erstellen

Thanks for reading this post via RSS. RSS is great, and you’re great for using it. ♥️

Mittlerweile hat sich aus ein paar HTML Design Pattern eine große Open-Standards-Bewegung entwickelt, aus der noch mind. ein Duzent neuer (sog.) Mikroformate heraus entstanden sind. Microformats wie z.B. die hCard oder XFN sind heute Basis von weiteren Open-Standard-Groups wie z.B. Data- oder Social-Network-Portability und große Unternehmen wie Google, Yahoo, Apple oder Mozilla setzen auf ein breites Spektrum dieser „real world semantics“.

Wahrscheinlich haben Microformats gerade durch ihren pragmatischen Ansatz die Semantic Web Idee einen ganzen Schritt voran getrieben und gezeigt, dass Semantiken nicht nur mit RDF oder OWL sondern auch mit simplen HTML class– und rel-Attributen möglich ist.

Vielen Dank an alle Entwickler und Designer die die Microformats Idee voran getrieben haben und vor allem an Tantek…

via zeldman

You are a master of efficiency! By using RSS, you save time and avoid distractions. 👏

Jetzt muss ich nur noch langsam mal mit meinem WordPress FoaF Plugin fertig werden…

via microformats.dk

RSS readers like you are the secret sauce of the internet. Keep rocking and staying informed!

With the Social Graph API, developers can now utilize public connections their users have already created in other web services. It makes information about public connections between people easily available and useful.

Die Google API setzt hauptsätzlich auf das Microformat XFN (V 1.1) zum darstellen des Sozialen Netzes.

XHTML Friends Network benutzt das rel Attribut von Links um Verbindungen zwischen Personen darzustellen. <a rel="me" /> kennzeichnet z.B. eine weitere Webseite des Verlinkenden. Weitere Formate (bei Google Edge Types) sind das auf RDF basierende FoaF und OpenID delegation Links <link rel="openid.delegate" />.

Die API ist recht simple und lässt sich komplett über URL Key/Value Paare konfigurieren…

http://socialgraph.apis.google.com/lookup?<parameter 1>&<parameter 2>&<parameter n>

…und stellt die Ergebnisse in JSON dar.

Social Graph API Client

Steve Ivy einer der Gründer des DiSo Projekts hat eine Social Graph API Client Klasse in PHP geschrieben und im DiSo SVN zur Verfügung gestellt.

I wrote a quick and dirty client in PHP that cosumes the JSON and returns it in a data structure. #

Eine kleine Einführung in die Social Graph API vom Autor selbst:

RSS readers like you are the unsung heroes of the internet. Keep up the good work!

• Identity Pages (das öffentliche Profil: http://username.myopenid.com) unterstützt jetzt neben verschiedenen Themes auch einige „Web 2.0 technologies“ wie z.B. hCard, Pavatar und MicroID.
• Über Attribute Exchange ist es zusätzlich möglich, mehrere Personen-Profile abzugleichen.

Wer das ganze im Sinne von DiSo mit seinem WordPress Blog nachbauen will, braucht nur folgende Plugins:

• hCard: Themes wie K2 zeichnen generell jeden Autor als hCard aus, ohne dass man irgendein Plugin benötigt und wp-diso-contactlist zeichnet die komplette Blogrolle mit hCard und XFN aus.
• Pavatar: Das Identikit von John Noone bietet neben einigen Avatar-Implementierungen auch Support für Pavartar.
• MicroID: Das MicroID WordPress Plugin von Will Norris bietet die Möglichkeit, mehrere IDs anhand verschiedener E-Mail Adressen oder OpenIDs zu erstellen.
• OpenID/Attribute Exchange: WP OpenID ist offizieller Teil des DiSo-Projekts und bietet einen umfangreichen OpenID Client, basierend auf der PHP OpenID Library von JanRain. Ein OpenID Server ist noch nicht vorhanden, es gibt jedoch einige Delegation Plugins und DiSo plant auch noch eine ganze Menge in Richtung OpenID

Falls ihr noch einige gute Plugins kennt, die hier nicht gelistet sind (vielleicht eine alternative zum Pavatar Plugin) würde ich mich über ein Kommentar freuen.

You are a true RSS aficionado! While others are drowning in social media noise, you enjoy the simplicity and control of RSS. Congrats!

DiSo (dee • so) is an umbrella project for a group of open source implementations of these distributed social networking concepts.

Genauer gesagt geht es darum, offene Standards wie z.B. XFN, OpenID oder sonstige Microformats in z.B. WordPress zu integrieren, um einen weiteren Schritt in Richtung portabler Netze zu gehen. Es wäre also denkbar, dass in Zukunft die Blog-URL der zentrale Identity Manager für die verschiedensten Networks und Communities wird.

Ein paar Gedanken zu möglichen Plugins findet man im Wiki von Chris Messina und einige fertige Plugins befindet sich auch schon im Git.

Vielleicht macht es ja auch Sinn, das APML WordPress Plugin zu integrieren.

Weitere interessante Artikel zu dem Thema von Steve Ivy:

• DiSo
• If You Love Your Users, Set Them Free — Portable Social Networks
• Making a list: Whitelisting with OpenId and XFN
• Blogrolls, XFN, and OpenID URIs
• More XFN+OpenID
• XFN Blogroll

RSS readers like you are the secret sauce of the internet. Keep rocking and staying informed!

Standardized Data Portability is the next great frontier for the web. As users, our identity, photos, videos and other forms of personal data should be discoverable by, and shared between our chosen tools or vendors. We need a DHCP for Identity. A distributed File System for data. This page will list the standards and contributors who are making it happen.

Mal gespannt was aus dataportability.org wird, hört sich auf alle Fälle schon mal sehr spannend an. Vielleicht findet ja endlich jemand die Musterlösung für Social Network Portability.
Wer interessiert ist, kann schon mal den Feed abonnieren.

Congratulations on being an RSS reader! You are part of an elite group of people who know how to stay updated in style.

Sein Problem:

I would still make his name a hyperlink but what can I do about making this text into an hCard? Should I change my writing style and refer to everyone by their full formated name even if the context and writing style would favour just using their first name?

Will man eine hCard erstellen bei der nur der Vorname angezeigt wird, wird natürlich auch nur der Vorname ins Adressbuch übernommen:

<span class="vcard">
  <a class="fn url" href="http://example.com/">
    Max
  </a>
</span>

Die Lösung des Problems ist die Nutzung des abbr Tags:

<span class="vcard">
  <a class="url" rel="friend met" href="http://example.com/">
    <abbr class="fn" title="Max Mustermann">
      Max
    </abbr>
  </a>
</span>

Schicke Idee, fragt sich nur ob der Vorname als Abbreviate (Abkürzung) durch geht und die Nutzung von <abbr> gerechtfertigt ist.

RSS readers like you are the unsung heroes of the internet. Keep up the good work!

Beispiele:

• XFN: ME (mouse over)
• Vote-Links: vote for notizBlog
• GEO: GEO: 37.386013, -122.082932

Als nächstes versuche ich mal noch hCal und hCard ein wenig schöner aufzubereiten, für Tags gibt es ja leider noch kein schönes Icon.

Congratulations on being an RSS reader! You are part of an elite group of people who know how to stay updated in style.

Aber für was genau stehen die HTML Attribute rel und rev genau?

SelfHTML meint dazu:

Mit dem Attribut rel bestimmen Sie eine logische Vorwärtsbeziehung zum Verweisziel, mit rev eine logische Rückwärtsbeziehung (rel = relation = Bezug, rev = reverse = Umkehr). Beide Angaben sind nur in Verbindung mit dem Attribut href sinnvoll – dort geben Sie wie üblich das eigentliche Verweisziel an.

Betrachtet man es am Beispiel der XFN Microformats wird definiert, in welcher Beziehung man zu der verlinkten Person steht, man hätte das ganze auch als rev="friend met" definieren, da der andere auch die gleiche Beziehung zu mir hat.

Im Microformats Wiki sind einige dieser Attribute definiert.

rel:

• XFN: Zeigt die Beziehung zur verlinkten Person, Bsp.: <a href="..." rel="friend met">...
• rel-tag: Gibt an, dass es sich um einen Tag handelt, Bsp.: <a href="http://technorati.com/tag/notizblog" rel="tag">...
• rel-licence: Attribut für Lizenzen, Bsp.: <a href="http://creativecommons.org/licenses/by/2.0/" rel="license">...
• vote-links: Zeigt an ob man für oder gegen den Verlinkten stimmen soll, Bsp.: <a rev="vote-for" href="https://notiz.blog"
title="vote for">...
• rel-paymant, rel-nofollow und rel-directory

Mehr zu den rel Attributen im Microformats Wiki.

RSS readers like you are the secret sauce of the internet. Keep rocking and staying informed!

Gestern habe ich bei Sebastian gelesen, das Twitter seit kurzem Microformats unterstützt und zwar hCard für die Kontaktdaten, hAtom für die einzelnen Einträge und anscheinend auch XFN, das hab ich jedoch noch nicht gefunden, vielleicht kann mir ja jemand auf die Sprünge helfen.
Ein Screenshot, wie das ganze mit Operator der Tails Firefox Extension aussieht findet ihr bei flickr.

Außerdem habe ich bei Manuela einen Post über ein sehr schickes Twitter WordPress Plugin gefunden. Das Plugin ist recht mächtig und unterstützt unter anderem Twittern über das WordPress Admin Menü, eine Tägliche Zusammenfassung aller Twitter-Einträge als Blogpost ähnlich wie bei del.icio.us‘ daily blog posting, uvm.

Thanks for reading this post via RSS. RSS is great, and you’re great for using it. ♥️

<a href="https://notiz.blog" rel="friend met colleague">...</a>

Deshalb hab ich für mich die Hierarchie festgelegt:

• me
• professional: co-worker, colleague
• friendship (at most one): friend, acquaintance, contact
• romantic: muse crush date sweetheart

Das heißt im Klartext: Wenn ich einen rel-tag wie z.B. rel="friend met colleague" wird nur friend und met berücksichtigt weil das für mich höherwertig is. Wenn ihr ne andere Reihenfolge wollt, könnt ihr das ganze einfach in der CSS Datei umstellen (das Wichtigste unten).

Ich habe das ganze mit den in CSS 2.1 definierten Selectors realisiert und mit Firefox 2.0 und IE7 getestet.

Beispiel CSS Code:

a:hover[rel~="me"] {
  background: url(images/xfn-me.png) no-repeat right; padding-right: 25px;
}

a:hover[rel~="co-worker"], a:hover[rel~="colleague"] {
  background: url(images/xfn-colleague.png) no-repeat right; padding-right: 25px;
}

a:hover[rel~="co-worker"][rel~="met"], a:hover[rel~="colleague"][rel~="met"] {
  background: url(images/xfn-colleague.png) no-repeat right; padding-right: 25px;
}

Komplette CSS Datei runterladen

Beispiele: ME, FRIEND COLLEAGUE, COLLEAGUE, COLLEAGUE MET, FRIEND MUSE, FRIEND MUSE MET.

Würde mich sehr über Kommentare und Anregungen freuen…

You are a true RSS aficionado! While others are drowning in social media noise, you enjoy the simplicity and control of RSS. Congrats!

Plugins

hReview WordPress Plugin ist ein simples Plugin um hReviews in normalen Einträgen zu erstellen. Nach dem aktivieren erscheint in „Write Posts“ ein neuer Butten über dem Textfeld. Also zuerst den normalen Text schreiben, dann hReview Knopf drücken Formular ausfüllen und ab damit. Andrew E. Scott hatte gerne Rückmeldung ob alles sauber funktioniert, also macht ihm doch den gefallen.

WP Microformatted Blogroll 0.2 lässt euch Linklisten (Blogrollen), gekennzeichnet durch XOXO, hCard und XFN erstellen.

MicroID Plugin for WordPress Von MicroID hatte ich bisher noch nicht gehört, aber es ist ziemlich simpel. Es erstellt einen Hash-Wert aus der E-Mail Adresse und der eigenen URL, welchen man zur Identifizierung verwenden kann. Also im Prinzip so ähnlich wie die Gravatare. Meiner z.B. ist 9198c94d942fa09454fa84b2ce447362d70abc1a. Das Plugin, schreibt diesen Wert in die Metatags von WordPress

<meta name="microid" content="9198c94d942fa09454fa84b2ce447362d70abc1a" />

zum Kennzeichnen des Blogs oder von Autoren eines einzelnen Eintrags.

Und zu GEO-Informationen gibt es ne ganze Menge Plugins.

Themes

Folgende Themes unterstützen hAtom:

• Sandbox ein Theme für Themer
• Strangelove ein modifiziertes Kubrick Theme

Das K2 Theme von Michael Heilemann zeigt die Autoren aller Einträge im hCard Format an und das Datum in Form der abbr-design-pattern.

Oder für die, die ihre Microformats mit einem StyleSheet selbst formatieren wollen gibt es unter mindgarden.de ein schönes CSS Template.

Abschließend noch: Die Technorati Microformats-Suche funktioniert mittlerweile einwandfrei.

You are a true RSS aficionado! While others are drowning in social media noise, you enjoy the simplicity and control of RSS. Congrats!

Nachdem ich mich die letzte Zeit etwas mehr mit Microformats beschäftigt habe, ist mir aufgefallen wie weit verbreitet das ganze schon ist. Die einfachste Methode um zu testen auf welcher Seite sich solche Formate befinden, ist die Test-Suche von Technorati, welche aber noch nicht ganz so einwandfrei funktioniert.

Benutzt man z.B. www.notiz.blog erhält man Ergebniss, lässt man dass „www“ weg, ist die Suche ergebnislos. Bei diesem Versuch habe ich entdeckt dass das WordPress Theme „K2„, welches ich benutze, die Autoren im hCard Format angiebt und das Datum in Form der Abbr design pattern.

Aber auch große Firmen wie Apple und Yahoo benutzen solche für Formate wie man in der Folgenden Liste sieht:

• Apples .Mac Webmail benutzt hCard
• Flickr unterstützt hCard und XFN in den Profilen und GEO microformats für die Kartenfunktion
• Last.fm benutzt das hCalendar Format
• Technorati hat eine ganze Reihe von Microformat-Tools
• Yahoo Local benutzt hCard, hCalendar, and hReview
• …

Komplette Liste unter http://microformats.org/wiki/implementations

Man sieht es steckt ne menge Potential dahinter und was die ganz Großen benutzen kann ja nicht falsch sein 😉

RSS readers like you are the secret sauce of the internet. Keep rocking and staying informed!

Wenn man in letzter Zeit durchs Internet surft, stolpert man immer häufiger über den Begriff „Microformats“ oder sieht das grüne Symbol auf Kontaktseiten. Aber was genau sind Microformats und für was sind sie gut?

Wikipedia meint dazu:

Ein Mikroformat ist ein Markup-Format zur semantischen Annotation von HTML oder XHTML. Mikroformat-Annotationen können leicht aus Webseiten extrahiert werden und machen weiteren Programmen (etwa Suchmaschinen) die Bedeutung des Seiteninhalts verständlich.

Das heißt, es werden vorhantenen Attributen (class, rel, rev) von (X)HTML verwendet um neue Formate zu speziellen Themen- oder Wissensgebieten zu erstellen.

Eines der ersten Formate war XFN, es verwendt den „rel“ Tag um persönliche Verbindungen über Links anzuzeigen. <a href=“http://pinki-tine.blogspot.com/“ rel=“friend met colleague“>…

Eine Anleitung und eine Liste von möglichen „rel“-Tags findet ihr hier.

Ein zweites erwähnenswertes Format ist „hCard„. Es ist ein Versuch einen Onlinestandard für Kontakte zu erstellen.

<div class="vcard">
  <a class="url fn" href="http://example.com">
    Max Mustermann</a>
  <a class="email" href="
    mailto:max.mustermann@example.com">
    max.mustermann@example.com</a>
  <div class="adr">
    <div class="street-address">Musterstr.</div>
    <span class="locality">Musterstadt</span>,
    <span class="region">MP</span>, 
    <span class="postal-code">11111</span>
    <span class="country-name">Germany</span>
  </div>
  <div class="tel">111 111 111</div>
</div>

(Für Faule: Ein hCard Creator)

Der Vorteil eines solchen Formates, er ist maschinen-lesbar. Das heißt es ist möglich über z.B. XSL Schnittstellen eine vCard zu erstellen. Technorati z.B. bietet eine solche Schnittstelle: http://technorati.com/contact/https://notiz.blog/contact/

Die Technorati Engine sucht auf der übermittelten Seite nach einer hCard und wandelt diese in eine vCard um. Auch die Firma Apple, welche die vCard für ihr Adressbuch verwendet, nutzt das hCard-Format für ihr Onlineangebot .Mac.

Auf der Seite suda.co.uk gibt es Links und Informationen zu weiteren Implementierungs-Möglichkeiten.

Das Problem bei dem ganzen ist, dass es Spammer dadurch noch leichter haben an komplette Adressen zu kommen…

Ein enormer Vorteil dieser Formate ist die Möglichkeit Search Engines in soweit anzupassen, dass sie anhand von XFN Soziale Netzte abzubilden oder dank hCard sogar telefonbuch.de abzulösen. Mal schaun wohin die Reise geht…

Weitere Formate sind vCalendar, XOXO, hReview, uvm.

You are a master of efficiency! By using RSS, you save time and avoid distractions. 👏