Kategorie: Open Web

Hier geht es um Webdesign, Microformats, (X)HTML und CSS, Web2.0, usw.

  • 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 🙂

  • 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)

  • 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'];
     }
    }Code-Sprache: JavaScript (javascript)

    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];
     }
    }Code-Sprache: JavaScript (javascript)

    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:

  • 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)

    (mehr …)
  • monkeyformats logo

    Mit Hilfe des vorhin erwähnten GreaseKit funktionieren die Monkeyformats jetzt auch im Safari 🙂

    Benötigt wird:

    Und genau in der Reihenfolge sollte man die Tools auch installieren…

    monkeyformats-safari.jpg

    Leider funktioniert das Szenario nicht ganz so reibungslos wie auf mit Firefox + Greasemonkey + Operator da die SIMBL-Plugins wohl in umgekehrter Reihenfolge (zuerst Microformats-Plugin und dann GreaseKit + Monkeyformats) die Seite abarbeiten.

    Es gibt aber ’nen kleinen Workaround:

    • Zuerst die Monkeyformats Seite aufrufen (z.B. Telefonbuch.de wie im Screenshot) – Kein µF-Icon Sichtbar
    • Eine Seite mit (nativen) Microformats (z.B. notiz.blog) in neuem Tab öffnen – µF-Icon Sichtbar
    • Wieder auf ersten Tab wechseln – µF-Icon Sichtbar

    Das Safari-Microformats-Plugin ist leider auch noch etwas spartanisch und nicht ganz so komfortabel und flexibel wie Operator für Firefox, aber es reicht um hCards und hCalendars zu verarbeiten.

    Schön dass die Idee mit etwas Mehraufwand (aber ohne Anpassungen) auch im Safari funktioniert 🙂

    (via: monkeyformats.org)

  • Vor ungefähr einem Jahr habe ich schonmal über einen Microformats Bluetooth-Export mit Hilfe von Tails-Export geschrieben. Da sich aber nach und nach der Operator als DAS Microformats-Addon für den Firefox durchgesetzt hat, wurde natürlich auch das Bluetooth-Script portiert.

    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.

  • microformats.jpg

    Da ich mich in den letzten Monaten viel mit Themen wie DataPortability oder dem Semantic Web beschäftigt habe, kam mir die Frage welche Rolle Microformats in Zukunft einnehmen werden.

    Microformats und DataPortability

    Bisher sind zwei (mit hAtom drei) Mikroformate im DataPortability-Konzept enthalten:

    • hCard – zum Austausch von Profildaten
    • XFN – zum Austausch von Freundschafts-Netzen
    • (hAtom – als Alternative zu ATOM oder RSS)

    Ich denke aber nicht, dass Microformats (zumindest in der klassischen HTML-Version) über längeren Zeitraum diese Position in der DataPortability-Idee einnehmen werden. Microformats sind zwar weit verbreitete und simple Formate um Informationen semantisch aufzubereiten, sind aber schwer zu parsen (HTML) und bieten keinen wirklichen Authentifizierungsmechanismus (da sie direkt im HTML-Quelltext stehen).

    Ich bin der Meinung dass OpenID und FoaF alle Eigenschaften von Microformats auf eine wesentlich bessere Weise lösen können. FoaF ist losgelöst von der normalen Webseite und kann so problemlos über OAuth oder OpenID geschützt werden und bildet sogar Profildaten und Freundesnetze ab. Noch einfacher wäre OpenID Attribute Exchange, da so SingleSignOn, Portabilität und Authentifizierung mit einem Standard abgedeckt sind.

    Den einzigen DP-Anwendungsfall den ich mir für Microformats vorstellen könnte wäre eine Alternativ-Form (zu HTML) wie z.B. JSON oder XML, da sie sich im Gegensatz zu Attribute Exchange oder FoaF an bestehende Standards (z.B. vCard) halten und wohl definiert sind, würde aber nicht mehr viel mit der klassischen Idee der Microformats zu tun haben.

    Microformats und das Semantic Web

    Microformats werden auch immer wieder (fälschlicherweise) als Teil des Semantic Web bezeichnet und lassen sich dank GRDDL auch problemlos in dieses integrieren, bieten aber sonst keinerlei Semantic-Web-Eigenschaften. Nach der Veröffentlichung von RDFa haben Microformats aber auch einen schlechten Stand als „real world semantics“.

    Ein wesentliches Defizit der µF im Vergleich zu RDFa ist die schlechte Skalierbarkeit und das Problem der fehlenden Triples.

    Sieht man das Semantische Web als Zukunft des Internets, werden µF wohl in nächster Zeit auch auf diesem Gebiet von dem wesentlich semantischeren RDFa abgelöst.

    Jedem offenen Standard eine Nische

    Bei Medientheoretikern gibt es die These dass „bislang noch kein Medium von einem anderen überflüssig oder verdrängt worden wäre„, warum sollte das nicht auch für offene Standards gelten 🙂

    Ich kann mir zwei sinnvolle Anwendungsgebiete für Microformats vorstellen (über die ich auch noch etwas detaillierter schreiben möchte), in denen es (noch) keine bessere Alternative gibt.

    searchmonkeyLogo147x150.gif

    Microformats sind direkt in die Webseite integriert und benötigen keinen Backchannel wie z.B. bei XML-Schnittstellen wie RSS, deshalb bietet es auch eine Ideallösung für Semantische Suchmaschinen wie z.B. Yahoo!s Search Monkey oder Technorati Kitchen. Suchmaschinen haben durch uF die einmalige Möglichkeit, strukturierte Inhalte zu indexieren und auf deren Basis, Systeme wie z.B. Kalender, online Telefonbücher und Musiksuchen abzubilden. Hier haben Mikroformate durch die Anzahl der schon definierten Formate und deren weite Verbreitung auch einen enormen Vorteil gegenüber RDFa.

    Eine zweite Niesche beschreibt Sascha Konietzke in seinem Artikel What Are Microformats and What Do They Mean to Mobile?. Die meisten Handys unterstützen mittlerweile normales XHTML und wären somit ein idealer Client für Microformats. Der Hauptfokus neben dem Telefonieren und dem SMS schreiben liegt bei Handys auf dem Adressbuch oder dem Kalender, also genau den zwei weit verbreitetsten Mikroformaten hCard und hCalendar. Auch die, ursprünglich für Twitter entworfenen, Nanoformats wären ein idealer Standard um semantisch zu SMSen 🙂

    Auch wenn Microformats keine Ideallösungen für DataPortability sind und nicht der Semantic Web Idee entsprechen, gibt es sicherlich genug sinnvolle Anwendungsgebiete.

  • Jetzt wo der Release Candidate 1 von Firefox 3 erhältlich ist, fragen sich einige wo denn die „versprochenen“ Microformats sind. Michael Kaply, der Macher von Operator (und meines Wissens auch der Mann hinter der Firefox-Microformats-API) versucht diese Frage in seinem Weblog zu beantworten:

    The answer is that there is a microformats API in Firefox 3, but unfortunately there is nothing available in the UI for this release.[…]

    The primary reason that microformats aren’t exposed in the Firefox UI is that there was never any agreement as to how to expose them.

    Da hatte ich damals ja gar nicht so unrecht:

    Ich bin mir nicht 100%ig sicher, aber ich glaub es wird nur eine API für das Parsen von Microformats gestellt, da es das Operator Plugin ja auch für Firefox 3 gibt.
    Wie das mit den oben genannten Selektoren aussieht weiß ich auch nicht.

    Wer sich für das Thema Firefox, Microformats und die Zukunft von Operator interessiert, sollte sich einfach mal Kaplys kompletten Artikel durchlesen.

  • transformr.png

    Martin McEvoy von WebOrganics hat gerade den Microformats Transformr angekündigt. Die Daseinsberechtigung des Transformr neben Optimus, dem Chef-Transformer (ich hoffe die Transformers sind euch ein Begriff 🙂 ), ist die umfassende hAudio-Unterstützung, was wohl daran liegt dass Martin McEvoy aktiv an diesem Standard mitarbeitet.

    hAudio Features:

    • hAudio to RSS
    • hAudio to RSS2
    • hAudio to XSPF

    XSPF („spiff“) steht für XML Shareable Playlist Format und ist ein offener XML-Standard für Playlisten.

    Ein weiteres interessantes Feature ist hFoaF welches hCards und XFN in FoaF wandelt.

  • smob-logo.png

    Ist SMOB (Semantic Microblogging) das dezentrale Twitter über das in den letzten Tagen an verschiedenen Stellen nachgedacht wurde?

    SMOB is a distributed / decentralised microblogging system built on RDF and Semantic Web technologies, mainly SIOC and FOAF. Currently, we have simple prototypes of a publishing and an aggregating service, less than 100 lines of PHP code each.

    Links: