Tag Archive for 'Microformats'

Microformats und das iPhone - Es könnte so einfach sein

Eigentlich bringt das iPhone, mit WLAN und einem (fast) vollwertigen Safari, die besten Voraussetzungen um Microformats zu verarbeiten.

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:

IMG_0056.JPG

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

IMG_0057.JPG

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)

SearchMonkey für Anwender

Endlich kann man den SearchMonkey auch als Nicht-Entwickler ausprobieren… Für diejenigen die keine Ahnung haben um was es geht, der SearchMonkey ist eine Art Erweiterung für die Yahoo! Suche um Suchergebnisse anhand von strukturierten Inhalten wie z.B. microformats, eRDF, RDFa oder XML Strukturen wie z.B. Atom aufzubereiten.

Strukturierte Ergebnisse erlauben es Ihnen das Sucherlebnis der Yahoo! Suche individuell zu gestalten, da sie nützliche Informationen und Links präsentiert bekommen, die das Suchen beschleunigen und erleichtern. Die vorhandenen Suchergebnisse in der Yahoo! Suche werden um reichhaltige und informative Inhalte der Strukturierten Ergebnisse erweitert.

Kurz gesagt, der Affe macht die Suche schick :) (wer noch mehr über den SearchMonkey erfahren will, sollte sich den Artikel von Markus Spath durchlesen).

Seit Anfang des Monats ist der SearchMonkey über die normalen Such-Einstellungen der Yahoo! Suche (erreichbar direkt neben dem Suchfeld) erreich- und konfigurierbar.

Yahoo-Suche – Websuche.jpg

Unter dem Punkt Strukturierte Ergebnisse können beliebige Module zum verschönern der Ergebnisse ausgewählt werden.

Das Ergebnis sieht dann z.B. wie folgt aus…

ettlingen - Yahoo! Suche Suchergebnisse.jpg

Wer sich etwas mit PHP und XSLT auskennt, kann auch selbst Module entwickeln und in der Yahoo! Search Gallery veröffentlichen

hCard Validator Script for Operator

hcard-validator-operator.jpg

An Operator User Script to validate hCards via the hCard microformat Validator.

Download: hcard-validator.js

hCard microformat Validator

hcard-validator.jpg

Der hCard Validator…is an unofficial validator/conformance checker of the hCard microformat“. Während der Optimus-Validator ein breites Spektrum an Microformats unterstützt, bring der hCard Validator (wie der Name schon sagt) ein paar schicke extra Features zum validieren von hCards mit sich.

Im Gegensatz zu Optimus, muss die hCard nicht zwingend über eine URL erreichbar sein, sondern kann auch bequem über ein Textfeld oder einen statischen Upload überprüft werden.

Weitere tolle Features sind z.B. der Profile-URI check:

<head> uses profile “http://gmpg.org/xfn/11” which is unrelated to 'http://www.w3.org/2006/03/hcard'
This may suggest that document does not use hCard microformat.

oder der E-Mail - Adressen - Check:

Value of email property doesn’t look like an e-mail
Found “webmaster-at-notizblog.org”, but expected simple syntax in form mailto:joe@example.com?subject=is%20optional.

(Test-hCard)

Zum Test habe ich die gleiche URL auch noch mit dem Chef-Transformer validiert, dem aber (leider) diese Liebe fürs Detail fehlt…

Structured blogging mit Flock

Strukturiertes bloggen (z.B. die Verwendung von Microformats in Blog-Posts) stellt eine gewisse Hürde für den Verfasser dar, da ein gewisser Mehraufwand in Form von strukturiertem/semantischem HTML notwenig ist. Um diese Hürde so gering wie möglich zu halten gibt es mittlerweile reichlich Plugins für die gängigsten Weblog-Tools sowie die verbreitetsten Mikroformate.

Um den Komfort der strukturellen Inhalte auch auf den Desktop zu bringen gibt es ein schickes Plugin für den Flock Blog-Editor.

hcalendar-flock-blogging.jpg

Blogplus erweitert den Blog-Editor von Flock um eine Menge neuer Features, um unter anderem auch strukturierter bloggen zu können:

Preset Markup allows you to create, store, edit and apply preset html markup to highlighted text, such as preformatted signatures, css styles or html element attributes (id, class, title). This is particulalrly useful for improving productivity for microformat creation. See help page for more info.

oder:

hCalendar allows you to create microformats hCalendar events. This is included as it is a little easier than going the Preset Markup route for the complicated hCalendar markup.

Ich hoffe MarsEdit kommt demnächst mit einem ähnlichen Feature :)

XEN - man hat ja nicht nur Freunde im Netz

XEN steht für XHTML Enemies Network und ist das Pendant zu dem XHTML Friends Network (XFN) also praktisch das rel-nofollow für Personen :)
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 ;)

hSpielplan

Für alle EM begeisterten Geeks gibt es bei EuroKickOff einen, mit hCalendar ausgezeichneten, EM-Spielplan :)

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

Monkey finds Microformats

Spätestens durch Searchmonkey ist ja bekannt, dass Yahoo! auch Microformats jeglicher Art indexiert. Wieso nicht auch gezielt nach ihnen suchen?

Von Yahoo! unterstützte Suchanfragen:

Zusätzlich werden die Ergebnisse natürlich weiterhin nach Relevanz sortiert, d.h. man kann Suchbegriffe auch beliebig verbinden.
Beispiel: alle hCals zum Thema Barcamp.

(via)

Microformats API in Firefox3-Erweiterungen nutzen

Rob Crowther hat für IBM developerWorks eine großartige Anleitung (mit Beispiel-Code) geschrieben, wie man die Microformats API in Firefox3 Extensions nutzen kann.

The upcoming Firefox 3.0 release has built-in support for microformats in the form of an API that you can access from a Firefox extension. In this tip, you follow a simple example of how to use this API from within your extension code. You take a skeleton Hello World extension and give it the ability to store an hCard from any Web page and then use that stored hCard to populate a Web form.

Die Beispiel-Erweiterung von Crowther nutzt hCard-Informationen um ein (im Beispiel beiliegendes) Profil-Formular auszufüllen.

hcardformfiller.jpg

Ablauf: Zuerst auf ne Seite mit hCard, linken Knopf drücken, dann auf das Fromular und rechten Knopf drücken.

hCardFormFiller für WordPress

Um dem Beispiel etwas mehr Nutzen zu geben, habe ich es testweise für das WordPress Kommentarformular umgeschrieben. Die Einzige notwendige Änderung ist, folgenden Code in der overlay.js:

onToolbarButtonPasteCommand: function(e) {
 if (this.uF.fn) {
   content.document.getElementById('name').value = this.uF.fn;
   content.document.getElementById('email').value = this.uF.email[0].value;
   content.document.getElementById('homepage').value = this.uF.url[0];
   content.document.getElementById('address1').value = this.uF.adr[0]['street-address'];
   content.document.getElementById('address2').value = this.uF.adr[0].locality;
   content.document.getElementById('city').value = this.uF.adr[0].region;
   content.document.getElementById('postcode').value = this.uF.adr[0]['postal-code'];
 }
}

durch folgenden Code:

onToolbarButtonPasteCommand: function(e) {
 if (this.uF.fn) {
   content.document.getElementById('author').value = this.uF.fn;
   content.document.getElementById('email').value = this.uF.email[0].value;
   content.document.getElementById('url').value = this.uF.url[0];
 }
}

zu ersetzen und das war’s. Jetzt könnt ihr mit einer hCard bewaffnet losziehen und WordPress Blogs zuspammen :)

Wer das Addon mal ausprobieren möchte kann sich den angepassten hCardFormFiller for WordPress runterladen… den original Code findet man hier.

Nachdem die Microformats kein UI spendiert bekommen haben, gibt es vielleicht demnächst einige Addons die diese Lücke füllen werden.

Interessante Links:

Von Microformats bis OWL

semweb_menu.png
Quelle: bnode.org

Benjamin Nowack hat auf der Webinale in Karlsruhe einen sehr interessanten Vortrag über das Semantic Web - Technik und Einsatz. Die Folien geben einen sehr schönen (und kompakten) Überblick von HTML-Semantiken wie RDFa oder Microformats bis zu hochwertigen XML-Strukturen wie RDF und OWL.

Schade dass ich den Vortrag nicht hören konnte…

(via)

Continue reading ‘Von Microformats bis OWL’




Livecommunity powered by six groups