Das so genanntes abbr-design-pattern diente hauptsächlich dazu (es gibt noch einige andere Anwendungsfälle), ein für den Menschen lesbares Datum auch für die Maschine lesbar zu machen und ist Bestandteil von Mikroformaten wie z.B. hCalendar, hAtom oder hReview.

Ein Beispiel: <abbr class="dtstart" title="2009-05-12">heute</abbr>

SelfHTML über das abbr-Element:

zeichnet einen Text aus mit der Bedeutung „dies ist eine Abkürzung“

Selbst wenn man davon ausgeht, dass das Wort heute eine Abkürzung für das volle Datum 2009-05-12 ist, gibt es ein großes Problem mit Screen-Readern. Die meisten Screen-Reader sind so konfiguriert, dass sie statt der Abkürzung, das im title-Attribut angegebene, vollständige Wort lesen.
Im Falle der abbr-design-pattern im oben genannten Beispiel wäre das 2009-05-12 (gelesen „Zweitausendneun minus Fünf minus Zwölf“), also viel missverständlicher als heute.

Das gerade angekündigte value-class-pattern soll dieses (und einige andere) Problem jetzt beheben.

Ein Datum, wie im Beispiel oben, würde mit dem value-class-pattern folgendermaßen aussehen:

<span class='dtstart'>
  <span class='value-title' title='2009-05-12'> </span>
  heute
</span>

Erklärung:

• dtstart gibt immer noch an, dass es sich bei dem folgenden um ein Datum handelt
• Die folgende Klasse: value-title gibt an, dass sich dtstart auf das title-Attribut des spans bezieht
• Im title steht der maschinen-lesbare text

Das neue Pattern beschreibt aber noch eine ganze Reihe an anderen Anwendungsfällen, am besten ihr überfliegt die Seite einfach mal selbst: http://microformats.org/wiki/value-class-pattern

…es sind übrigens alle Microformats-Nutzer aufgerufen, ihre Seiten und Parser auf das neue Pattern umzustellen, also viel Spaß dabei 🙂

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

The HTML WG is encouraged to provide a mechanism to permit independently developed vocabularies such as Internationalization Tag Set (ITS), Ruby, and RDFa to be mixed into HTML documents.

…aber wer weiß wie lange das noch dauert. Das heißt wohl, dass die Microformats noch eine gewisse Zeit lang als Übergangslösung her halten müssen. Aber das ist ne andere Geschichte…

Eigentlich wollte ich auf zwei HTML5 – Elemente eingehen, die eine schicke Alternative zu den bisherigen (in vielen Microformats verwendeten) abbr-design-pattern bietet.

Der <time />-Tag

Das time Element ermöglicht das kennzeichnen eines Datums in z.B. Blogposts o.Ä.

The primary use cases for these elements are for marking up publication dates e.g. in blog entries, and for marking event dates in hCalendar markup.

Also:

<time datetime="2006-09-23">a Saturday</time>

statt:

<abbr title="2006-09-23">a Saturday</abbr>

Ein hCalendar könnte dann so aussehen:

<div class="vevent">
  <span class="summary">event title</span>
  <time datetime="2006-09-23" class="dtstart dtend">a Saturday</time>
</div>

Custom data attributes (data-)

Ein custom data attribute ist ein frei benutzbares Attribut um Elemente mit Metadaten anzureichern. Die einzige Vorgabe ist, dass es mit data- beginnen muss. Ein Beispiel:

<div class="monkey" data-arms="2"
     data-legs="2" data-race="chimp">
  Cheetah
</div>

Ideal auch als <abbr />-Ersatz bei z.B. dem Geo-Microformat.

Also:

<div class="geo" data-latitude="49.5483" data-longitude="8.6661">Weinheim</div>

statt:

<abbr class="geo" title="49.5483;8.6661">Weinheim</abbr>

Fazit

(X)HTML (egal ob XHTML2 mit RDFa oder X/HTML5) wird also definitiv ein semantisches Feuerwerk, ganz im Sinne von Tim Berners Lee…

Ich freu mich 🙂

Hey there, RSS reader! You’re cool. Keep being awesome! 😎

Der Veranstaltungskalender der Stadt Karlsruhe enthält ab Mitte Mai 2008 Daten zu Veranstaltungen, Veranstaltungsorten und Veranstaltern im Mikroformat.

Ein Beispiel: Das Zeltival 2008

Vorbildlich!

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

Ursprünglich war das object-Tag zum Anzeigen des Datums vorgesehen:

<object data="20050125">January 25</object>

Aber…

Unfortunately, to put it mildly, Safari’s <object> support sucks. It doesn’t handle <object> fallbacks, it doesn’t know when not to handle <object> mime types that it doesn’t support, it doesn’t support display:inline on <object>, and it doesn’t do proper intrinsic sizing of <object> replaced elements.

DANKE SAFARI! 😉

Quelle: Tantek’s Thoughts

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

hCard– und hCalendar-Plugin für TinyMCE… und da TinyMCE auch der WordPress-WYSIWYG-Editor ist, gibts das Paket zusätzlich noch als WordPress-Plugin.

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

Nach der Ankündigung der BBC, alle Microformats (die das abbr-design-pattern verwenden) von ihren Seiten (speziell bbc.co.uk/programmes) zu nehmen, ist die alte Diskussion wieder in vollem Gange.

Diskutierte Lösungen:

• <span class="dtstart data-20051010T10:10:10-0100">10 o'clock on the 10th</span>
• <span class="dtstart{2005-10-10T10:10:10-0100}">10 o'clock</span>
• <abbr class="dtstart data{2008-06-23}" title=June 23rd, 2008">Today</abbr>
• <abbr class="fancy data{2008-06-23} dstart" title=June 23rd, 2008">Today</abbr>
• <span class="dtstart" content="2008-06-23">Today</span> (Nicht XHTML 1.x valide)

Noch mehr Infos zu dem Thema bekommt man im Wiki oder über die Mailing-Liste.

(via hackr)

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

Nach der Frage von Rauno…

[…] Weißt du von einer Möglichkeit, Microformats aus Firefox in den iPhonekalender zu exportieren? […]

und nach Wojteks Kommentar…

[…] I prefer bookmarklets but this will come handy for sure too. […]

habe ich mir überlegt, es sollte doch möglich sein, Microformats mit einem Bookmarklet direkt auf dem iPhone nutzbar zu machen…

Prinzip ist einfach, Bookmarklet (z.B. von Leftlogic oder Technorati) im normalen Safari Bookmarken, iPhone Safari mit normalem Safari über iTunes syncen, das wars… (wem das zu schnell ging kann sich das hier nochmal in Ruhe am Beispiel eines del.icio.us Bookmarklets anschauen.)

Das Bookmarklet funktioniert super:

…aber der §$%!& iPhone Safari kann keine vCard oder iCalendar Dateien verarbeiten!

Mach ich irgendwas falsch? Sogar mein popliges Sony Ericsson Handy erkennt vCards und weiß dass sie ins Adress-Buch gehören!

Naja… Wie schon im Titel erwähnt: Es könnte so einfach sein.

(Dickes Danke an Florian (.dean) fürs testen und die Screenshots und an Marco, dessen iPhone ich kurz entführen durfte)

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

Man kann die Spieldaten natürlich auch im klassischen iCal-Format abonnieren oder runterladen oder per JSON weiterverarbeiten.

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

Das Mac-Script findet man auf der Seite von Michael Kaply (direkter Link).

“Send to Bluetooth Device” action for sending ICS and VCF files via Bluetooth. Works with the hCard and hCalendar microformats.

…und seit letztem Monat gibt es auch ein Windows-Script von Thom Shannon (direkter Link).

I’ve modified the Mac only bluetooth user script for operator to work on windows. It’s based on this script, and originally inspired by Johns hack of Tails.

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

Neben zwei Notlösungen, Microformats in Safari zu nutzen, gibt es jetzt eine weitere Version für das Cocoa Plugin System SIMBL.

Das Safari Microformats plugin erkennt die Microformats hCard und hCalendar und zeigt sie über ein kleines Microformats-Logo in der Adresszeile an.

Per Klick auf das Logo, lassen sich die gefundenen Formate bequem in ein entsprechendes, lokal installiertes Programm wie iCal oder Address Book importieren. Wer Growl installiert hat, erhält außerdem eine Growl-Meldung, wenn die Daten erfolgreich importiert wurden.
Via: Dataportability Feed

Leider funktioniert das Plugin nur mit der aktuellen Version von Safari (V. 3) in Verbindung mit Mac OS X Leopard, deshalb konnte ich es auch noch nicht testen.

Wenn ihr Fragen zum Plugin habt, versuchts einfach mal bei Manuela Hoffmann.

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

Ich war am Wochenende ein wenig unterwegs und wegen nicht vorhandenem Auto auf öffentliche Verkehrsmittel angewiesen. Das ist ja an sich nichts schlimmes, nur wenn dann noch eine gewisse Ortsunkundigkeit hinzu kommt, wird es problematisch. Dank einem Busfahrer, der die Haltestelle an der ich aussteigen musste (um einen Anschlusszug zu bekommen) einfach ignorierte, durfte ich dann etwas mehr von der Weinheimer Umgebung kennen lernen als mir lieb war.
Jetzt bin ich einer von der Sorte, der aus Zeitgründen natürlich nur die nötigsten Verbindungen raus schreibt… Ich hätte also völlig Hilflos mitten in der Pampa enden können… Gut, es nochmal alles gut gegangen, da ein ich paar Orte weiter eine OEG Haltestelle fand, aber es geht hier ja ums Prinzip.

Und da sind wir schon bei meiner Kritik:

Wieso kann ich mir Bahnverbindungen nicht ohne größeren Aufwand aufs Handy, den PDA oder meinen iPod laden.

Klar könnte ich mir verschiedene, alternative Verbindungen raus suchen und ausdrucken, aber das setzt einen Drucker voraus.

Viel einfacher wäre es doch, wenn die Bahn ihren Fahrplan mit hCalendar auszeichnen würde, so könnte ich mir meine Verbindung schön aussuchen und mit Operator als iCalendar abspeichern…

…oder mir Tails-Export direkt über Bluetooth ans Handy schicken.

Der Code könnte wie folgend aussehen:

<tr class="vevent">
  <td class="summary">
    <a class="url" href="http://example.com"><span class="location">Abfahrtsort <br />
    Zielort</span></a>
  </td>
  <td>
    Ab <abbr class="dtstart" title="2007-10-13">13. Oktober 22:43</abbr>  <br />
    An <abbr class="dtend" title="2007-10-13">13. Oktober 22:43</abbr>
  </td>
  <td>
    ...
  </td>
</tr>

Liebe DB bitte ändert euer Template und führt Microformats ein.

Und am Wochenende muss ich mit der Bahn in den tiefsten Schwarzwald und es sind Streiks angesagt… Ich hoffe das geht gut 🙂

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

First example:

Its like the style of hicks design with the nice famfamfam silk-icons.

Second Example:

Please vote or let me know your ideas, otherwise I use the one I prefer 😉

Links:

• WordPress – Blogging Software
• K2 – A WordPress theme

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

Das System unterstützt das hCalendar Microformat, was sich bei einem Kalender natürlich anbietet.

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

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.

Hey there, RSS reader! You’re cool. Keep being awesome! 😎