<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	
	xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>notizBlog &#187; value class pattern</title>
	<atom:link href="http://notizblog.org/tag/value-class-pattern/feed/" rel="self" type="application/rss+xml" />
	<link>http://notizblog.org</link>
	<description>a weblog about the open, portable, social, synaptic, semantic, structured, distributed, decentralized, microformatted and federated social web</description>
	<lastBuildDate>Tue, 22 May 2012 14:36:13 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
<atom:link rel="search"
           href="http://notizblog.org/opensearch"
           type="application/opensearchdescription+xml"
           title="Content Search" /><atom:link rel="hub" href="http://pubsubhubbub.appspot.com"/><atom:link rel="hub" href="http://superfeedr.com/hubbub"/><cloud domain='notizblog.org' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<atom:link rel='salmon' href='http://notizblog.org/?salmon=endpoint'/><atom:link rel='http://salmon-protocol.org/ns/salmon-replies' href='http://notizblog.org/?salmon=endpoint'/><atom:link rel='http://salmon-protocol.org/ns/salmon-mention' href='http://notizblog.org/?salmon=endpoint'/>		<item>
		<title>Operator wird doch weiter entwickelt</title>
		<link>http://notizblog.org/2009/09/08/operator-wird-doch-weiter-entwickelt/</link>
		<comments>http://notizblog.org/2009/09/08/operator-wird-doch-weiter-entwickelt/#comments</comments>
		<pubDate>Tue, 08 Sep 2009 21:40:36 +0000</pubDate>
		<dc:creator>Matthias Pfefferle</dc:creator>
				<category><![CDATA[Open Web]]></category>
		<category><![CDATA[Addon]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[Firefox-3]]></category>
		<category><![CDATA[Microformats]]></category>
		<category><![CDATA[Microformats API]]></category>
		<category><![CDATA[Mikroformate]]></category>
		<category><![CDATA[Operator]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[value class pattern]]></category>

		<guid isPermaLink="false">http://notizblog.org/?p=1852</guid>
		<description><![CDATA[Gute Neuigkeiten! Michael Kaply, der die Weiterentwicklung von Operator (ein Microformats Addon f&#252;r Firefox) Ende 2008 eingestellt hat&#8230; Operator – Deciding what to do with Operator is difficult. [...] That being said, I’m going to do a few fixes for Operator, call it 1.0 and then stop development. &#8230;widmet sich jetzt doch wieder dem de [...]]]></description>
			<content:encoded><![CDATA[<p>Gute Neuigkeiten! <span class="vcard"><a href="http://www.kaply.com/weblog/" class="url fn">Michael Kaply</a></span>, der die Weiterentwicklung von <a href="http://www.kaply.com/weblog/operator/">Operator</a> (ein <a href="http://microformats.org/wiki/browser">Microformats Addon</a> f&#252;r Firefox) <a href="http://www.kaply.com/weblog/2008/12/02/too-many-life-events/">Ende 2008</a> eingestellt hat&#8230;</p>
<blockquote><p>Operator – Deciding what to do with Operator is difficult. [...] That being said, I’m going to do a few fixes for Operator, call it 1.0 and then stop development.</p></blockquote>
<p>&#8230;<a href="http://www.kaply.com/weblog/2009/08/28/back-from-the-dead/">widmet sich jetzt doch wieder dem de facto <em>(Microformats) Browser Plugin</em></a>&#8230;</p>
<blockquote><p>The biggest news I have is that I have resumed work on Operator. In particular, I’m fixing bugs, adding a few usability enhancements and adding support for new microformat stuff like the value class/pattern for dates. I’m also considering completely removing the “Actions” toolbar and switching to interacting only with the data. I’m definitely looking for feedback on that one.</p></blockquote>
<p>Wer Ideen zu neuen Features oder Funktionen hat, kann diese gerne auf <a href="http://www.kaply.com/weblog/2009/08/28/back-from-the-dead/">Michaels Weblog</a> loswerden.<br />
Mein Wunsch: <a href="http://notizblog.org/2009/06/18/microdata-semantisches-html5/">Microdata</a> support <img src='http://notizblog.org/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>(Ich hoffe dass die Angek&#252;ndigten <a href="http://microformats.org/wiki/value-class-pattern">value-class-pattern</a> &#196;nderungen eventuell auch irgendwann in die native <a href="http://www.kaply.com/weblog/2008/05/20/where-are-the-microformat-in-firefox-3/">Microformats Firefox API</a> aufgenommen werden.)</p>

<div class="social-buttons">
  <a class="FlattrButton" style="display:none;"
     title="Operator wird doch weiter entwickelt"
     data-flattr-button="compact"
     data-flattr-uid="pfefferle"
     data-flattr-category="text"
     data-flattr-language="de_DE"
     href="http://notizblog.org/2009/09/08/operator-wird-doch-weiter-entwickelt/"
     rel="donation payment">Flattr this!</a>

  <div class="g-plusone" data-size="medium" data-lang="de-DE" data-href="http://notizblog.org/2009/09/08/operator-wird-doch-weiter-entwickelt/"></div>
</div>]]></content:encoded>
			<wfw:commentRss>http://notizblog.org/2009/09/08/operator-wird-doch-weiter-entwickelt/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
	</item>
		<item>
		<title>Microdata &#8211; wie Microformats blo&#223; besser&#8230; (Teil 1)</title>
		<link>http://notizblog.org/2009/08/10/microdata-wie-microformats-bloss-besser-teil-1/</link>
		<comments>http://notizblog.org/2009/08/10/microdata-wie-microformats-bloss-besser-teil-1/#comments</comments>
		<pubDate>Mon, 10 Aug 2009 20:30:32 +0000</pubDate>
		<dc:creator>Matthias Pfefferle</dc:creator>
				<category><![CDATA[Open Web]]></category>
		<category><![CDATA[abbr design pattern]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[include pattern]]></category>
		<category><![CDATA[Microdata]]></category>
		<category><![CDATA[Microformats]]></category>
		<category><![CDATA[Mikroformate]]></category>
		<category><![CDATA[value class pattern]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://notizblog.org/?p=1790</guid>
		<description><![CDATA[Der Inhalt wurde an die neusten &#196;nderungen der Microdata-Spezifikation angepasst. Letztes Update 30.01.2010. Microdata – wie Microformats blo&#223; besser… (Teil 2): &#252;ber &#8220;Namenskollisionen und Namespaces&#8221; und &#8220;Informationen Referenzieren&#8221; Wie schon erw&#228;hnt, vereint Microdata die Vorz&#252;ge von RDFa und Microformats in einem Standard&#8230; aber nicht nur das, Microdata (in Verbindung mit HTML5) bietet auch einige schicke [...]]]></description>
			<content:encoded><![CDATA[<div class="info">Der Inhalt wurde an die <a href="http://notizblog.org/2009/10/10/microdata-update-und-usability-studie/">neusten &#196;nderungen der Microdata-Spezifikation</a> angepasst. Letztes Update 30.01.2010.</div>
<div class="info"><a href="http://notizblog.org/2011/06/26/microdata-wie-microformats-blos-besser-teil-2/">Microdata – wie Microformats blo&#223; besser… (Teil 2)</a>: &#252;ber &#8220;Namenskollisionen und Namespaces&#8221; und &#8220;Informationen Referenzieren&#8221;</div>
<p>Wie schon <a href="http://notizblog.org/2009/06/18/microdata-semantisches-html5/">erw&#228;hnt</a>, vereint Microdata die Vorz&#252;ge von <a href="http://rdfa.info">RDFa</a> und <a href="http://microformats.org">Microformats</a> in einem Standard&#8230; aber nicht nur das, Microdata (in Verbindung mit HTML5) bietet auch einige schicke L&#246;sungen f&#252;r diverse <a href="http://microformats.org/wiki/issues">Microformats-Problemchen</a>.</p>
<h4>Das <em>abbr-design-pattern</em> oder das <em>value-class-pattern</em></h4>
<p><strong>Microformats:</strong></p>
<p>Das <em><a href="http://microformats.org/wiki/abbr-design-pattern">abbr-design-pattern</a></em> ist bisher wohl das <a href="http://www.google.de/search?q=microformats+accessibility+abbr">umstrittenste Pattern</a> im <a href="http://microformats.org/wiki/Main_Page">Microformats-Wiki</a>. Grund f&#252;r die Kritik an dem Pattern ist die etwas <a href="http://notizblog.org/2008/06/24/bbc-und-das-alte-haccessibility-problemchen/">unorthodoxe Verwendung</a> des <code>&lt;abbr&gt;</code> Tags um maschinenlesbare Meta-Informationen bereit zu stellen.</p>
<pre>&lt;div class="vevent"&gt;
  &lt;abbr class="dtstart" title="<strong>2007-10-05</strong>"&gt;October 5&lt;/abbr&gt;
  ...
&lt;/div&gt;</pre>
<p>Eine erste Alternative aus der Microformats-Community ist das <em><a href="http://microformats.org/wiki/value-class-pattern">value-class-pattern</a></em>, das zwar das Accessibility-Problem &#8220;behebt&#8221; aber noch lange keine Perfekte L&#246;sung bietet.</p>
<pre>&lt;div class="vevent"&gt;
  &lt;span class='dtstart'&gt;
    &lt;span class='value-title' title='<strong>2007-10-05</strong>'&gt; &lt;/span&gt;
    October 5
  &lt;/span&gt;
  ...
&lt;/div&gt;</pre>
<p>Der HTML-Code wird durch weitere Elemente unn&#246;tig aufgeblasen und das Pattern basiert auf teilweise leeren Elementen.</p>
<p><strong>Microdata/HTML5:</strong></p>
<p>In HTML5 gibt es dagegen ein spezielles Tag um Zeit und Datum sowohl user als auch maschinenlesbar zu machen.</p>
<pre>&lt;div itemscope
  itemtype="http://microformats.org/profile/hcalendar"&gt;
  &lt;time itemprop="dtstart" datetime="2007-10-05"&gt;October 5&lt;/time&gt;
  ...
&lt;/div&gt;</pre>
<h4>Reine Meta-Informationen</h4>
<p><strong>Microformats:</strong></p>
<p>Eigentlich spricht es gegen die Prinzipien der Microformats-Idee, reine Metadaten zu verwenden: </p>
<blockquote><p>Visible data = more accurate data. By designing for humans first and making the data presentable (thus viewed and <i>verified</i> by humans), the data is inevitably more accurate, not only to begin with (as errors are easily/quickly noticed by those viewing the pages/sites), but over time as well; in that changes are noticed, and if data becomes out-of-date or obsolete, that&#8217;s more likely to be noticed as well.  This is in direct contrast to &#8220;side files&#8221; and invisible data like that contained in <code>&lt;meta&gt;</code> tags.  &#8212; <a href="http://microformats.org/wiki/principles#effects_of_principles">Tantek Çelik</a></p></blockquote>
<p>&#8230;aber <a href="http://microformats.org/wiki/geo">GEO-Daten</a> sind z.B. Informationen die der Benutzer nicht unbedingt sehen muss.</p>
<pre>&lt;div class="geo"&gt;
 &lt;span class="latitude"&gt;37.386013&lt;/span&gt;
 &lt;span class="longitude"&gt;-122.082932&lt;/span&gt;
&lt;/div&gt;</pre>
<p><strong>Microdata/HTML5:</strong></p>
<p>In HTML5 gibt es f&#252;r dieses Problem eine recht schicke L&#246;sung: Laut der <a href="http://dev.w3.org/html5/spec/Overview.html#flow-content">Spezifikation</a> sind &lt;meta /&gt;-Tags im kompletten Quellcode (auch im <code>body</code>) erlaubt.</p>
<pre>&lt;div itemscope
 itemtype="http://microformats.org/profile/hcard#geo"&gt;
 &lt;meta itemprop="latitude" content="37.386013" /&gt;
 &lt;meta itemprop="longitude" content="-122.082932" /&gt;
&lt;/div&gt;</pre>
<h4>Fazit</h4>
<p>Selbst wenn sich <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/microdata.html">Microdata</a> (item und itemprop) nicht durchsetzen sollte, sind &lt;meta&gt; und <a href="http://notizblog.org/2008/07/30/html5-is-made-for-microformats/">&lt;time&gt;</a> schon ein echter &#8220;Segen&#8221; f&#252;r die <a href="http://microformats.org">Microformats-Community</a> <img src='http://notizblog.org/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Im zweiten Teil nehm&#8217; ich mir das <a href="http://microformats.org/wiki/include-pattern">include-pattern</a> und das Problem der m&#246;glichen <a href="http://meiert.com/en/blog/20070913/microformats-and-pseudo-namespaces/">Namens</a>-<a href="http://meiert.com/en/blog/20090716/microformats-key-flaws/">Kollisionen</a> vor.</p>
<div class="info"><a href="http://notizblog.org/2011/06/26/microdata-wie-microformats-blos-besser-teil-2/">Microdata – wie Microformats blo&#223; besser… (Teil 2)</a>: &#252;ber &#8220;Namenskollisionen und Namespaces&#8221; und &#8220;Informationen Referenzieren&#8221;</div>

<div class="social-buttons">
  <a class="FlattrButton" style="display:none;"
     title="Microdata &amp;#8211; wie Microformats blo&amp;#223; besser&amp;#8230; (Teil 1)"
     data-flattr-button="compact"
     data-flattr-uid="pfefferle"
     data-flattr-category="text"
     data-flattr-language="de_DE"
     href="http://notizblog.org/2009/08/10/microdata-wie-microformats-bloss-besser-teil-1/"
     rel="donation payment">Flattr this!</a>

  <div class="g-plusone" data-size="medium" data-lang="de-DE" data-href="http://notizblog.org/2009/08/10/microdata-wie-microformats-bloss-besser-teil-1/"></div>
</div>]]></content:encoded>
			<wfw:commentRss>http://notizblog.org/2009/08/10/microdata-wie-microformats-bloss-besser-teil-1/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
	
	</item>
		<item>
		<title>Microformats: Value Class Pattern</title>
		<link>http://notizblog.org/2009/05/12/microformats-value-class-pattern/</link>
		<comments>http://notizblog.org/2009/05/12/microformats-value-class-pattern/#comments</comments>
		<pubDate>Tue, 12 May 2009 17:33:05 +0000</pubDate>
		<dc:creator>Matthias Pfefferle</dc:creator>
				<category><![CDATA[Open Web]]></category>
		<category><![CDATA[abbr design pattern]]></category>
		<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[GEO]]></category>
		<category><![CDATA[hAccessibility]]></category>
		<category><![CDATA[hAtom]]></category>
		<category><![CDATA[hCalendar]]></category>
		<category><![CDATA[Microformats]]></category>
		<category><![CDATA[Mikroformate]]></category>
		<category><![CDATA[value class pattern]]></category>

		<guid isPermaLink="false">http://notizblog.org/?p=1539</guid>
		<description><![CDATA[Das bisher wohl gr&#246;&#223;te Problem bei der Verwendung von Microformats ist (oder besser wahr) die Accessibility durch die etwas zweckentfremdete Verwendung des &#60;abbr /&#62;-Tags. Das so genanntes abbr-design-pattern diente haupts&#228;chlich dazu (es gibt noch einige andere Anwendungsf&#228;lle), ein f&#252;r den Menschen lesbares Datum auch f&#252;r die Maschine lesbar zu machen und ist Bestandteil von Mikroformaten [...]]]></description>
			<content:encoded><![CDATA[<p>Das bisher wohl gr&#246;&#223;te Problem bei der Verwendung von <strong>Microformats</strong> ist (oder besser wahr) die <a href="http://notizblog.org/?s=haccessibility">Accessibility</a> durch die etwas zweckentfremdete Verwendung des <a href="http://microformats.org/wiki/abbr-design-pattern"><code>&lt;abbr /&gt;</code>-Tags</a>.</p>
<p>Das so genanntes <a href="http://microformats.org/wiki/abbr-design-pattern">abbr-design-pattern</a> diente haupts&#228;chlich dazu (es gibt noch einige andere Anwendungsf&#228;lle), ein f&#252;r den Menschen lesbares Datum auch f&#252;r die Maschine lesbar zu machen und ist Bestandteil von <strong>Mikroformaten</strong> wie z.B. <a href="http://microformats.org/wiki/hCalendar">hCalendar</a>, <a href="http://microformats.org/wiki/hAtom">hAtom</a> oder <a href="http://microformats.org/wiki/hReview">hReview</a>.</p>
<p>Ein Beispiel: <code>&lt;abbr class="dtstart" title="2009-05-12"&gt;heute&lt;/abbr&gt;</code></p>
<p><a href="http://de.selfhtml.org/html/text/logisch.htm#elemente">SelfHTML &#252;ber das abbr-Element</a>:</p>
<blockquote><p>zeichnet einen Text aus mit der Bedeutung &#8220;dies ist eine Abk&#252;rzung&#8221;</p></blockquote>
<p>Selbst wenn man davon ausgeht, dass das Wort <em>heute</em> eine Abk&#252;rzung f&#252;r das volle Datum <em>2009-05-12</em> ist, gibt es ein gro&#223;es Problem mit Screen-Readern. Die meisten Screen-Reader sind so konfiguriert, dass sie statt der Abk&#252;rzung, das im title-Attribut angegebene, vollst&#228;ndige Wort lesen.<br />
Im Falle der <a href="http://microformats.org/wiki/abbr-design-pattern">abbr-design-pattern</a> im oben genannten Beispiel w&#228;re das <em>2009-05-12</em> (gelesen &#8220;Zweitausendneun minus F&#252;nf minus Zw&#246;lf&#8221;), also viel missverst&#228;ndlicher als <em>heute</em>.</p>
<p>Das <a href="http://microformats.org/blog/2009/05/12/value-class-pattern/">gerade angek&#252;ndigte</a> <strong><a href="http://microformats.org/wiki/value-class-pattern">value-class-pattern</a></strong> soll dieses (und einige andere) Problem jetzt beheben.</p>
<p>Ein Datum, wie im Beispiel oben, w&#252;rde mit dem <strong>value-class-pattern</strong> folgenderma&#223;en aussehen:</p>
<pre>&lt;span class='dtstart'&gt;
  &lt;span class='value-title' title='2009-05-12'&gt; &lt;/span&gt;
  heute
&lt;/span&gt;</pre>
<p>Erkl&#228;rung:</p>
<ul>
<li><em>dtstart</em> gibt immer noch an, dass es sich bei dem folgenden um ein Datum handelt</li>
<li>Die folgende Klasse: <em>value-title</em> gibt an, dass sich <em>dtstart</em> auf das <em>title</em>-Attribut des <em>spans</em> bezieht</li>
<li>Im <em>title</em> steht der maschinen-lesbare text</li>
</ul>
<p>Das neue Pattern beschreibt aber noch eine ganze Reihe an anderen Anwendungsf&#228;llen, am besten ihr &#252;berfliegt die Seite einfach mal selbst: <a href="http://microformats.org/wiki/value-class-pattern">http://microformats.org/wiki/value-class-pattern</a></p>
<p>&#8230;es sind &#252;brigens alle Microformats-Nutzer aufgerufen, ihre Seiten und Parser auf das neue Pattern umzustellen, also viel Spa&#223; dabei <img src='http://notizblog.org/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>

<div class="social-buttons">
  <a class="FlattrButton" style="display:none;"
     title="Microformats: Value Class Pattern"
     data-flattr-button="compact"
     data-flattr-uid="pfefferle"
     data-flattr-category="text"
     data-flattr-language="de_DE"
     href="http://notizblog.org/2009/05/12/microformats-value-class-pattern/"
     rel="donation payment">Flattr this!</a>

  <div class="g-plusone" data-size="medium" data-lang="de-DE" data-href="http://notizblog.org/2009/05/12/microformats-value-class-pattern/"></div>
</div>]]></content:encoded>
			<wfw:commentRss>http://notizblog.org/2009/05/12/microformats-value-class-pattern/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
	
	</item>
	</channel>
</rss>

