<?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/"
	>

<channel>
	<title>michael66.de (Online-Marketing, SEO, Webstandards)</title>
	<atom:link href="http://michael66.de/feed/" rel="self" type="application/rss+xml" />
	<link>http://michael66.de</link>
	<description>Artikel zu Online-Marketing, Suchmaschinenoptimierung (SEO) und Webstandards</description>
	<lastBuildDate>Sat, 26 Mar 2011 14:54:57 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.3</generator>
		<item>
		<title>stadt-bremerhaven.de feiert Geburtstag!</title>
		<link>http://michael66.de/internet/stadt-bremerhaven-de-feiert-geburtstag/</link>
		<comments>http://michael66.de/internet/stadt-bremerhaven-de-feiert-geburtstag/#comments</comments>
		<pubDate>Sat, 26 Mar 2011 14:54:57 +0000</pubDate>
		<dc:creator>Michael</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[tipps]]></category>

		<guid isPermaLink="false">http://michael66.de/?p=217</guid>
		<description><![CDATA[Carsten Knobloch, alias @Cashy, feiert mit seinem Blog stadt-bremerhaven.de den sechsten Geburtstag. Ein Geheimtipp ist sein Blog schon lange nicht mehr. Entgegen der ersten Annahme, es würde lediglich um regionale Themen aus Bremerhaven gehen, schreibt Cashy viel mehr über die aktuellen Themen im Web. Es geht um Software, Fundstücke im Web, Tipps &#38; Tricks, Hardware [...]]]></description>
			<content:encoded><![CDATA[
<p>Carsten Knobloch, alias <a href="http://twitter.com/#!/caschy" target="_blank">@Cashy</a>, feiert mit seinem Blog <a href="http://stadt-bremerhaven.de/die-6-jahre-ich-rock-es-raus-verlosung" target="_blank">stadt-bremerhaven.de</a> den sechsten Geburtstag. Ein Geheimtipp ist sein Blog schon lange nicht mehr. Entgegen der ersten Annahme, es würde lediglich um regionale Themen aus Bremerhaven gehen, schreibt Cashy viel mehr über die aktuellen Themen im Web. Es geht um Software, Fundstücke im Web, Tipps &amp; Tricks, Hardware und natürlich Social Media.</p>
<p><span id="more-217"></span></p>
<p><img class="aligncenter size-thumbnail wp-image-223" title="cake" src="http://michael66.de/wp-content/uploads/2011/03/cake-550x365-544x306.jpg" alt="" width="544" height="306" /></p>
<p>Bildquelle: <a href="http://www.flickr.com/photos/spool32/5045502202/sizes/z/in/photostream/" target="_blank">Birthday Cake von Will Clayton on Flickr</a></p>
<p>Erst Anfang des Jahres hat Cashy den von der t3n vergebenen Leser-Preis &#8220;<a href="http://t3n.de/news/blog-jahres-2010-auswertung-293209/" target="_blank">Blog des Jahres 2010</a>&#8221; abgeräumt. Dabei war der Vorsprung zum Zweitplatzierten schon sehr deutlich. Anlässlich seines sechsjährigen Bestehens veranstaltet Cashy die &#8220;<a title="Permanent Link to Die 6-Jahre-ich-rock-es-raus-Verlosung" rel="bookmark" href="http://stadt-bremerhaven.de/die-6-jahre-ich-rock-es-raus-verlosung">Die 6-Jahre-ich-rock-es-raus-Verlosung</a>&#8220;. Ich wünsche Ihm auf diesem Weg viel Erfolg für die nächsten sechs Jahre und hoffe, dass er noch lange so weiter macht.</p>
<p>Dass es sich hierbei um eine klare Empfehlung handelt, sollte bis hier hin klar geworden sein.</p>
<p>In diesem Sinne &#8220;Rock es raus&#8221; Cashy!</p>
<p><strong>Links zum Beitrag:</strong></p>
<ul>
<li><a title="Permanent Link to Die 6-Jahre-ich-rock-es-raus-Verlosung" rel="bookmark" href="http://stadt-bremerhaven.de/die-6-jahre-ich-rock-es-raus-verlosung">Die 6-Jahre-ich-rock-es-raus-Verlosung</a></li>
<li><a href="http://stadt-bremerhaven.de/" target="_blank">stadt-bremerhaven.de</a></li>
<li><a href="http://twitter.com/#!/caschy" target="_blank">Cashy bei Twitter</a></li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://michael66.de/internet/stadt-bremerhaven-de-feiert-geburtstag/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Facebook Mini-Gruppen vorgestellt</title>
		<link>http://michael66.de/internet/facebook-mini-gruppen-vorgestellt/</link>
		<comments>http://michael66.de/internet/facebook-mini-gruppen-vorgestellt/#comments</comments>
		<pubDate>Thu, 07 Oct 2010 15:29:40 +0000</pubDate>
		<dc:creator>Michael</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[social media]]></category>
		<category><![CDATA[social network]]></category>

		<guid isPermaLink="false">http://michael66.de/?p=199</guid>
		<description><![CDATA[Mit den neuen Mini-Gruppen hat Facebook gestern eine neue Möglichkeit der Kommunikation vorgestellt. Für Vereine, Familie oder andere feste Zugehörigkeiten kann das Sinn machen. Ich selbst habe bei meinem ersten Test fetgestellt, dass man gut überlegen sollte, wann eine Gruppe eine Gruppe,  eine Mini-Gruppe, eine Seite oder eine Freundschaftskategorie ist. Facebook macht sich selbst komplizierter [...]]]></description>
			<content:encoded><![CDATA[
<p><strong>Mit den neuen Mini-Gruppen hat Facebook gestern eine neue Möglichkeit der Kommunikation vorgestellt.</strong></p>
<p>Für Vereine, Familie oder andere feste Zugehörigkeiten kann das Sinn machen. Ich selbst habe bei meinem ersten Test fetgestellt, dass man gut überlegen sollte, wann eine Gruppe eine Gruppe,  eine Mini-Gruppe, eine Seite oder eine Freundschaftskategorie ist. Facebook macht sich selbst komplizierter und eine intuitive, selbsterklärende Benutzerführung ist nicht gegeben.<span id="more-199"></span><a href="http://www.facebook.com/groups/"><img class="alignnone size-full wp-image-203" title="Facebook | Facebook-Gruppen" src="http://michael66.de/wp-content/uploads/2010/10/Facebook-Facebook-Gruppen1.png" alt="" width="544" /></a><br />
Für meinen ersten Test musste natürlich die Familie herhalten. Die nehmen einem das nicht so schnell übel und verzeihen ja auch ganz schnell wieder (an dieser Stelle viele liebe Grüße). Ich habe also eine Mini-Gruppe &#8220;Familie&#8221; gegründet und ein paar Mitglieder hinzugefügt &#8230; und hier stößt man auf den ersten Haken:<br />
Mitglieder müssen eine Mitgliedschaft nicht bestätigen, sondern werden direkt zum Mitglied dieser Gruppe. Man kann zwar nur Freunde direkt in die Gruppe schieben, aber bei Personen mit vielen Freunden wird es vielleicht zu einer wahren Flut von neuen Gruppen kommen, in welche sie ohne Frage gesteckt werden.</p>
<p>Beim Gründen der Mini-Gruppe legt man neben den Freunden, welche zu Mitgliedern werden sollen, noch die Privatsphäre und eine Beschreibung fest. Die Privatsphäre lässt einem die Möglichkeiten &#8220;Offen (Mitglieder und Inhalte sind öffentlich)&#8221;, &#8220;Geschlossen (Mitglieder sind öffentlich, Inhalte sind privat)&#8221; und &#8220;Geheim (Mitglieder und Inhalte sind privat)&#8221;.</p>
<p>In der fertig angelegten Gruppe können wie auch in normalen Gruppen Neuigkeiten, Fotos, Videos, Links und Veranstaltungen ausgetauscht werden. Hinzu kommt hier die neue Funktion der Dokumente.</p>
<p>Leider scheint es so zu sein, dass man über Neuigkeiten in einer Gruppe nur per E-Mail informiert werden kann oder eben aktiv die Gruppe besuchen muss. Dieses Konzept erschließt sich mir nicht wirklich, da man hier vielleicht besser mit einer separaten Timeline oder ähnlicher Lösung arbeiten könnte. Ich muss also entweder alle Gruppen durchklicken oder bekomme zu jedem Beitrag in einer Gruppe eine E-Mail &#8230; wenn ich das so richtig verstanden habe.<br />
Nicht nur, dass diese Benachrichtigung etwas unpraktisch für den Benutzer ist, sondern Facebook seine Nutzer weg von Facebook in den E-Mail-Client zieht. Wäre es hier aus Facebook-Sicht nicht besser, wenn man die Nutzer direkt auf Facebook mit den Updates versorgt?</p>
<p>Umfangreichere Informationen und ein Video mit einer Erklärung gibt es von Mark Zuckerberg im <a title="Beitrag im Facebook Blog" href="http://blog.facebook.com/blog.php?post=434691727130" target="_blank">Facebook-Blog</a>.</p>
<h2>Mein Fazit</h2>
<p>Die Mini-Gruppen eigenen sich nur für Vereine oder Familie und wie sie sich durchsetzen, dass sollte man beobachten. Die eigene Mini-Gruppe lässt sich hier gründen: <a title="Gründe deine Facebook Mini-Gruppe" href="http://www.facebook.com/groups/" target="_blank">http://www.facebook.com/groups/</a></p>
<p>Selbstverständlich ist es ein guter Schachzug um Nutzer noch mehr an Facebook zu binden und neue Nutzer zu erhalten. Wenn dann bald in vielen Fußballvereinen &#8211; und ich meine keine Proficlubs, sondern Dorfkicker -  Facebook zur Pflicht wird, weil man dort über Trainigszeiten, Spiele, Spielberichte oder andere Aktivitäten des Vereins informiert wird, so kann sich Facebook vielleicht über sehr viele neue Mitglieder freuen. Getreu dem Motto &#8220;Mitglieder werben Mitglieder&#8221;!</p>
<p>Hinzu kommt, dass man den Zeitpunkt optimal gewählt hat. In dieser Woche wurden in Deutschland mit Facebook Places und den Mini-Gruppen zwei neue Features veröffentlicht, jeder Blogger und die Presse schreibt darüber und dann kommt auch noch &#8220;The Social Network&#8221; ins Kino. Sehr gute PR! Respekt dafür, dass Facebook momentan gerade in Deutschland so bekannt ist wie nie zuvor.</p>
<p>Ob das so gut ist? &#8230; Vor gar nicht all zu langer Zeit hatten alle noch so viel Angst vor Google, Google Streetview und den erfassten Daten. Geht es noch schlimmer?</p>
<blockquote><p>Ich bitte zu berücksichtigen, dass ich die Tests am Tag der Veröffentlichung gemacht habe und sie daher noch relativ rudimentär ausgefallen sind. Für einen sinnvollen Test habe ich noch nicht genug Freunde, welche die neuen Gruppen aktiv nutzen. Falls ich etwas übersehen haben sollte, so könnt ihr mich natürlich gerne korrigieren. Ich freue mich über eure Meinung.</p></blockquote>

]]></content:encoded>
			<wfw:commentRss>http://michael66.de/internet/facebook-mini-gruppen-vorgestellt/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Entwicklung von TYPO3 Extension miflowplayer vorerst eingestellt</title>
		<link>http://michael66.de/internet/entwicklung-miflowplayer-eingestellt/</link>
		<comments>http://michael66.de/internet/entwicklung-miflowplayer-eingestellt/#comments</comments>
		<pubDate>Wed, 06 Oct 2010 14:46:08 +0000</pubDate>
		<dc:creator>Michael</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[TYPO3]]></category>
		<category><![CDATA[extension]]></category>
		<category><![CDATA[flowplayer]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[miflowplayer]]></category>

		<guid isPermaLink="false">http://michael66.de/?p=180</guid>
		<description><![CDATA[Ich habe mich nach reiflicher Überlegung dazu entschlossen meine Flowplayer Extension für TYPO3 vorerst nicht weiter zu entwickeln. Ein Grund spielt dabei natürlich der zeitliche Aufwand, aber ein anderer Grund liegt mir da noch weit mehr am Herzen: Ich finde die Extension nicht mehr zeitgemäß. Mein Ziel ist eine vollständige Neuentwicklung der Extension in einem [...]]]></description>
			<content:encoded><![CDATA[
<p>Ich habe mich nach reiflicher Überlegung dazu entschlossen meine Flowplayer Extension für TYPO3 vorerst nicht weiter zu entwickeln. Ein Grund spielt dabei natürlich der zeitliche Aufwand, aber ein anderer Grund liegt mir da noch weit mehr am Herzen: Ich finde die Extension nicht mehr zeitgemäß.</p>
<p><span id="more-180"></span></p>
<p>Mein Ziel ist eine vollständige Neuentwicklung der Extension in einem etwas größeren Umfang. Zum Einen sollen extbase und fluid Einzug halten, zum Anderen sollen die Funktionen um z.B. HTML5 Videos erweitert werden. Vorrangig werde ich also einen HTML5 Videoplayer entwicklen, welcher aber mit Hilfe von <a title="Link zu VideoJS" href="http://videojs.com/" target="_blank">VideoJS</a> oder <a title="Link zu JME" href="http://www.protofunc.com/jme/" target="_blank">JME</a> eine Fallback-Lösung zu einer Flash-Version enthält. Die HTML5-Ausgabe soll aber in der Konfiguration auch ausgeschaltet werden können, so dass valider XHTML 1 Quellcode erzeugt wird &#8211; für all diejenigen, die noch nicht auf HTML5 setzen wollen oder denen das Bereitstellen der Videos in drei unterschiedlichen Codecs zu lästig ist. Außerdem sollen dann auch die tt_news um eine Video-Funktion erweitert werden.</p>
<p>Da ich momentan allerdings relativ wenig Zeit zur Verfügung habe suche ich gerne noch TYPO3-Begeisterte, welche eine solche Extension mit entwicken möchten. Alleine wird sich die Entwicklungszeit noch etwas hinauszögern. Hinzu kommt, dass ich mich momentan noch in extbase und fluid einarbeite und dort noch nicht alles wirklich rund läuft <img src='http://michael66.de/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /><br />
Meldet euch!</p>

]]></content:encoded>
			<wfw:commentRss>http://michael66.de/internet/entwicklung-miflowplayer-eingestellt/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TYPO3 Extension miflowplayer Version 0.1.4 im TER</title>
		<link>http://michael66.de/allgemein/typo3-extension-miflowplayer-version-0-1-4-im-ter/</link>
		<comments>http://michael66.de/allgemein/typo3-extension-miflowplayer-version-0-1-4-im-ter/#comments</comments>
		<pubDate>Mon, 10 May 2010 12:32:10 +0000</pubDate>
		<dc:creator>Michael</dc:creator>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[extension]]></category>
		<category><![CDATA[flowplayer]]></category>
		<category><![CDATA[miflowplayer]]></category>
		<category><![CDATA[TYPO3]]></category>

		<guid isPermaLink="false">http://michael66.de/?p=160</guid>
		<description><![CDATA[In der 4. TYPO3-Installation hat der Upload ins TER nun endlich funktioniert. Somit ist die aktuelle Version 0.1.4 der Extension miflowplayer jetzt im TYPO3 Extension Repository (TER) verfügbar: https://typo3.org/extensions/repository/view/miflowplayer/current/ Folgende Bugfixes wurden vorgenommen: Das Javascript wurde angepasst, so dass ein Video nun auch im IE (ab Version 7) richtig geladen und abgespielt werden kann. Aufgrund [...]]]></description>
			<content:encoded><![CDATA[
<p>In der 4. TYPO3-Installation hat der Upload ins TER nun endlich funktioniert. Somit ist die aktuelle Version 0.1.4 der Extension miflowplayer jetzt im TYPO3 Extension Repository (TER) verfügbar:</p>
<p><a href="https://typo3.org/extensions/repository/view/miflowplayer/current/" target="_blank">https://typo3.org/extensions/repository/view/miflowplayer/current/</a></p>
<p><span id="more-160"></span></p>
<p>Folgende Bugfixes wurden vorgenommen:</p>
<ul>
<li>Das Javascript wurde angepasst, so dass ein Video nun auch im IE (ab Version 7) richtig geladen und abgespielt werden kann.</li>
<li>Aufgrund eines Bugs wurden Videos nicht angezeigt, wenn man ein Vorschaubild eingefügt hat. Auch dieser Bug ist gefixt.</li>
</ul>
<p>Ich habe in letzter Zeit ein paar Mails mit der Problembeschreibung erhalten, dass der Upload-Folder nicht angelegt wird. So richtig konnte ich mir das nicht erklären, da ich dieses Problem nicht reproduzieren konnte. Die einzige Erklärung, welche ich dafür haben könnte ist die, dass man nach der Installation nicht auf &#8220;Update&#8221; bzw. &#8220;Aktualisieren&#8221; im rechten Frame klickt. Dadurch wird erst der Upload-Folder angelegt.<br />
Wer weitere Vorschläge hat oder den Fehler bereits gefunden hat, kann gerne einen Kommentar schreiben oder sich per E-Mail melden.</p>
<p>Grundsätzlich gilt weiterhin: Ich bin für Kritik und Verbesserungsvorschläge offen und freue mich über Feedback!</p>

]]></content:encoded>
			<wfw:commentRss>http://michael66.de/allgemein/typo3-extension-miflowplayer-version-0-1-4-im-ter/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TYPO3 Extension miflowplayer &#8211; Bugfix 0.1.3</title>
		<link>http://michael66.de/internet/typo3-extension-miflowplayer-bugfix-013/</link>
		<comments>http://michael66.de/internet/typo3-extension-miflowplayer-bugfix-013/#comments</comments>
		<pubDate>Thu, 25 Mar 2010 14:49:15 +0000</pubDate>
		<dc:creator>Michael</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[TYPO3]]></category>
		<category><![CDATA[extension]]></category>
		<category><![CDATA[flowplayer]]></category>
		<category><![CDATA[miflowplayer]]></category>

		<guid isPermaLink="false">http://michael66.de/?p=145</guid>
		<description><![CDATA[Vorab möchte ich mich bei einigen Leuten bedanken, welche nicht nur meine TYPO3-Extension miflowplayer verwenden, sondern diese in der Entwicklung auch fördern. Ich bin immer offen für Verbesserungsvorschläge und sollte mal ein Fehler vorhanden sein, so kann man mich natürlich gerne darauf hinweisen. Beachtlich ist, dass einige Leute sogar schon mit dem passenden Bugfix um [...]]]></description>
			<content:encoded><![CDATA[
<p>Vorab möchte ich mich bei einigen Leuten bedanken, welche nicht nur meine TYPO3-Extension miflowplayer verwenden, sondern diese in der Entwicklung auch fördern. Ich bin immer offen für Verbesserungsvorschläge und sollte mal ein Fehler vorhanden sein, so kann man mich natürlich gerne darauf hinweisen. Beachtlich ist, dass einige Leute sogar schon mit dem passenden Bugfix um die Ecke kommen.</p>
<p>Genau ein solcher Fehler hatte sich in der Version 0.1.2 mal wieder eingeschlichen und rührte dummerweise aus dem Bugfix der vorhergehenden Version. Wenn schon verworren, dann aber auch richtig. Das Problem war, dass der Array des JavaScript-Codes für das jeweils letzte Element auch ein Komma enthielt. Das Stört einen Firefox oder einen Safari nicht wirklich, aber der Internet Explorer zieht da direkt die Demoschilder aus der Tasche und weigert sich das Video darzustellen. Soweit so gut. Wenn man den Fehler erstmal lokalisiert hat, dann scheint der Rest nur noch Formsache.</p>
<p><span id="more-145"></span></p>
<p>Dank eines freundlichen Benutzers der Extension, welcher dem Problem schon auf die Schliche gekommen war, lag mir der passende Quellcode schon vor und ich musste ihn nur integrieren. Gemacht, getestet und hochgeladen &#8211; Bug gefixed.<br />
Ich habe leider nicht getestet ob dieser Bugfix auch dann funktioniert, wenn man ein Vorschaubild einbindet. Und das war der Haken. Da das Vorschaubild im JS-Array einfach hinten angehangen wird und dann nach dem Bugfix das letzte Komma fehlte, war der ganze Array nicht lesbar. Diesmal haben sich aber alle Browser in der Gewerkschaft organisiert und gestreikt. Folgende Zeile Code war nun nötig um das dumme Problem zu beheben:</p>
<pre>// Create playlist
 if($this-&gt;config['startscreen']['url']
  &amp;&amp; $this-&gt;config['param']['clip']['autoPlay']=='false'
  &amp;&amp; is_array($this-&gt;config['playlist'])) {
 // Adds the comma so the adding of playlist will work fine
 $this-&gt;configString .= ",";

 $this-&gt;createPlaylist();
 }
</pre>
<p>Für weitere Anregungen bin ich natürlich immer dankbar. Ich denke, dass die Extension noch einiges an Potential aufzuweisen hat und werde diese regelmäßig weiter entwickeln.</p>
<p><span style="text-decoration: line-through;">Die aktuelle Version 0.1.3 kann im TYPO3 Extension-Repository (TER) heruntergeladen oder direkt über das TYPO3-Backend installiert werden: <a title="miflowplayer" href="http://typo3.org/extensions/repository/?tx_terfe_pi1[view]=search&amp;no_cache=1&amp;tx_terfe_pi1[sword]=miflowplayer" target="_blank">http://typo3.org/extensions/repository/?tx_terfe_pi1[view]=search&amp;no_cache=1&amp;tx_terfe_pi1[sword]=miflowplayer</a></span></p>
<p>Da ich die Extension nicht ins TER hochgeladen bekomme stelle ich hier vorerst die Datei zum Download bereit:<br />
<a href="http://michael66.de/downloads/typo3/T3X_miflowplayer-0_1_3-z-201003251809.t3x">miflowplayer Version 0.1.3</a></p>

]]></content:encoded>
			<wfw:commentRss>http://michael66.de/internet/typo3-extension-miflowplayer-bugfix-013/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Der 5. Online Stammtisch Köln war ein voller Erfolg</title>
		<link>http://michael66.de/internet/der-5-online-stammtisch-koln-war-ein-voller-erfolg/</link>
		<comments>http://michael66.de/internet/der-5-online-stammtisch-koln-war-ein-voller-erfolg/#comments</comments>
		<pubDate>Mon, 22 Mar 2010 12:46:03 +0000</pubDate>
		<dc:creator>Michael</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[event]]></category>
		<category><![CDATA[online stammtisch köln]]></category>
		<category><![CDATA[osk]]></category>

		<guid isPermaLink="false">http://michael66.de/?p=135</guid>
		<description><![CDATA[Letzte Woche Donnerstag fand der 5. Online Stammtisch Köln in der WuzTown des Phantasialand statt. Durch die Verbindung mit dem WebhostingDay kamen über 1.300 Besucher zusammen. Das Ambiente war einzigartig, da es für die gerade einmal 10,- EUR Eintritt eine Menge zu erleben gab: Ob eine Achterbahnfahrt, mit einem Bier zusammenstehen, vom reichhaltigen Buffet essen, [...]]]></description>
			<content:encoded><![CDATA[
<p>Letzte Woche Donnerstag fand der 5. Online Stammtisch Köln in der WuzTown des Phantasialand statt. Durch die Verbindung mit dem WebhostingDay kamen über 1.300 Besucher zusammen. Das Ambiente war einzigartig, da es für die gerade einmal 10,- EUR Eintritt eine Menge zu erleben gab: Ob eine Achterbahnfahrt, mit einem Bier zusammenstehen, vom reichhaltigen Buffet essen, der Live-Music lauschen oder in einer anderen Halle tanzen &#8211; wirklich für jeden Geschmack war etwas dabei.<br />
Sehr beachtlich, dass man dies für den kaum vorstellbaren Preis von 10,- EUR pro Person realisieren konnte &#8211; Getränke und Buffet inklusive! An dieser Stelle muss wohl den Veranstaltern und Sponsoren ein großes Lob ausgesprochen werden.</p>
<p><span id="more-135"></span></p>
<p>koeln-bonn.business-on.de stellt in einem Artikel ein Video bereit, welches das Event sehr gut widerspiegelt:</p>
<p><a href="http://koeln-bonn.business-on.de/osk5-0-online-stammtisch-koeln-rene-kuehn-_id25312.html"><img class="aligncenter size-full wp-image-136" title="OSK 5.0_ Der Mittelpunkt für eine verspielt-kreative Branche - business-on.de Köln-Bonn" src="http://michael66.de/wp-content/uploads/2010/03/OSK-5.0_-Der-Mittelpunkt-für-eine-verspielt-kreative-Branche-business-on.de-Köln-Bonn.png" alt="" width="450" height="272" /></a></p>

]]></content:encoded>
			<wfw:commentRss>http://michael66.de/internet/der-5-online-stammtisch-koln-war-ein-voller-erfolg/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sicher vor Abmahnungen &#8211; viele sind selbst Schuld!</title>
		<link>http://michael66.de/internet/sicher-vor-abmahnungen-viele-sind-selbst-schuld/</link>
		<comments>http://michael66.de/internet/sicher-vor-abmahnungen-viele-sind-selbst-schuld/#comments</comments>
		<pubDate>Mon, 22 Mar 2010 00:52:49 +0000</pubDate>
		<dc:creator>Michael</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[abmahnung]]></category>
		<category><![CDATA[disclaimer]]></category>
		<category><![CDATA[impressum]]></category>
		<category><![CDATA[telemediengesetz]]></category>
		<category><![CDATA[tmg]]></category>
		<category><![CDATA[urheberrecht]]></category>

		<guid isPermaLink="false">http://michael66.de/?p=122</guid>
		<description><![CDATA[Wir lesen doch nicht erst seit gestern ständig von Abmahnwellen im Internet &#8211; Autoren, Designer, Fotografen, Anwälten und weiteren Gruppen, welche sich scheinbar auf diese Art des schnellen Geldes spezialisiert haben. Natürlich distanziere ich mich von solchen Leuten und möchte deren Vorgehen keinesfalls rechtfertigen. Dennoch kann ich die Blauäugigkeit einiger Agenturen, Webdesigner oder Blogger, also [...]]]></description>
			<content:encoded><![CDATA[
<p>Wir lesen doch nicht erst seit gestern ständig von Abmahnwellen im Internet &#8211; Autoren, Designer, Fotografen, Anwälten und weiteren Gruppen, welche sich scheinbar auf diese Art des schnellen Geldes spezialisiert haben. Natürlich distanziere ich mich von solchen Leuten und möchte deren Vorgehen keinesfalls rechtfertigen. Dennoch kann ich die Blauäugigkeit einiger Agenturen, Webdesigner oder Blogger, also Leute, welche mit dem Medium Internet durchaus vertraut sein sollten, nicht nachvollziehen.</p>
<p>Ja genau &#8211; nicht nur, dass es Agenturen gibt, welche Ihre Kunden nicht oder nur sehr schlecht über die rechtlichen Gegebenheiten im Internet informieren, sie haben teilweise selber kein rechtlich einwandfreies Impressum vorzuweisen und vergehen sogar öfter gegen bestehendes Recht. Ich muss zugeben, dass mir das wirklich die Schuhe auszieht und ich schon einen Hass gegen solche &#8220;professionellen&#8221; Agenturen oder Webdesigner entwickelt habe. Mit Professionalität hat es wirklich wenig zu tun wenn ich die Abmahner schon ans gedeckte Buffet bitte.</p>
<h2><span id="more-122"></span>Das Telemediengesetz</h2>
<p>Mal ganz im Ernst: Das Telemediengesetz existiert bereits seit 2007 in der aktuellen Fassung und ist meiner Meinung nach relativ übersichtlich gehalten. Es zählen also die Ausreden &#8220;Die neue Version war mich nicht bekannt&#8221; oder &#8220;Das ist so viel zu lesen&#8221; nicht! Außerdem gibt es da noch dieses schöne Sprichwort: &#8220;Unwissenheit schützt vor Strafe nicht&#8221;, welches auch jedem geläufig sein sollte.<br />
Das Telemediengesetz (kurz TMG) kann auch im Internet jederzeit nachgelesen werden: <a title="TMG" href="http://www.gesetze-im-internet.de/tmg/" target="_blank">http://www.gesetze-im-internet.de/tmg/</a></p>
<p>Außerdem gibt es nützliche Webseiten, welche sich genau mit diesem Thema auseinandersetzen und kostenfreie Muster für einen Disclaimer, welcher dem deutschen TMG entspricht, bereitstellen. Als Beispiel wäre hier <a title="Disclaimer Muster" href="http://www.juraforum.de/disclaimer_muster/" target="_blank">http://www.juraforum.de/disclaimer_muster/</a> zu nennen.</p>
<p>Sollte man Daten der Besucher erfassen, abfragen oder auswerten, so muss das Impressum im Bereich &#8220;Datenschutz&#8221; entsprechend angepasst werden. Über welche Punkte der Besucher informiert werden muss ist ebenfalls im TMG festgehalten (Abschnitt 4). Außerdem kann in den AGB&#8217;s von Drittanbietern für z.B. Analyse-Tools ein Zusatz im eingenen Impressum verlangt werden (z.B. Google Analytics).</p>
<p><em>Wird den Pflichten des TMG&#8217;s nicht nachgekommen, so kann eine Abmahnung bezgl. unlauteren Wettbewerbs zu einer empfindlichen Geldstrafe führen!</em></p>
<h2>Urheberrecht</h2>
<p>Das Urheberrecht sieht vor, dass lediglich der Urheber eines Werkes (Text, Bild, Ton etc.) über dessen Verwendung bestimmen darf. Grundsätzlich gilt, dass das Urheberrecht nicht übertragbar ist. Der Urheber kann lediglich Nutzungsrechte aussprechen, die es anderen erlauben, seine Werke zu verwenden. Bei einem exklusiven Nutzungsrecht tritt der Urheber alle seine Rechte ab und darf das Werk nicht einmal mehr selber verwenden. Welche Nutzungsrechte eingeräumt werden, wird zumeist in Verträgen festgehalten oder bei z.B. Bildagenturen in verschiedenen Lizenzmodellen geklärt.</p>
<p>Man darf demnach keinesfalls Bilder, Texte, Fotos oder Musik von fremden Internetseiten oder der beliebten Google Bildersuche auf der eigenen Webseite verwenden. Dass dies trotzdem noch oft Gang und Gäbe ist, ist für mich nicht nachvollziehbar. Man möchte doch auch nicht, dass jemand die eigenen Fotos für seine privaten oder geschäftlichen Zwecke verwendet, ohne dass man darüber informiert oder gefragt wird.</p>
<p>Jedem ist bewusst, dass die Musikindustrie unter den illegalen MP3-Downloads und den Tauschbörsen leidet. Musik wird also ohne Genehmigung veröffentlicht und anderen Leuten somit zum kostenfreien Download angeboten. Weshalb kommen nur wenige auf die Idee, dass ein Fotograf ebenso für seine Fotos wie ein Musiker für seine Lieder bezahlt werden will?</p>
<p>Eine gute Alternative zum &#8220;Klauen&#8221; fremder Werke ist die Verwendung von freigegebenen Werken unter z.B. einer Creative Commons Lizenz.</p>
<p><em>Wird das Urheberrecht verletzt, so wird die Strafe anhand des kalkulierten Schadens des Geschädigten festgesetzt, was auch empfindliche Geldbeträge bedeuten kann.</em></p>
<h2>Das Recht am eigenen Bild</h2>
<p>In Deutschland hat jeder Mensch ein Recht an seinem Bild. Dies ist unabhängig vom Alter und trifft auch auf Kinder zu, welche in dieser Sache durch die Eltern bzw. Erziehungsberechtigten vertreten werden.</p>
<p>Das Recht am eigenen Bild besagt, dass niemand ein Foto oder Video veröffentlichen darf, auf welchem ich eindeutig zu erkennen bin. Dafür wird ausdrücklich meine Erlaubnis benötigt. Bei Sportveranstaltungen oder Konzerten tritt man dieses Recht mit Kauf der Eintrittskarte (steht meist im Kleingedrucken auf der Karte) ebenso ab wie bei Ereignissen öffentlichen Interesses (z.B. Demonstrationen etc.), da sonst kaum eine Zeitung Fotos abdrucken dürfte.<br />
Aktuell ist das Recht am eigenen Bild ein Thema bei Google Street View. Google ist damit verpflichtet die Gesichter auf Fotos unkenntlich zu machen.</p>
<p>Die Verwendung von Fotos mit Personen, welche der Veröffentlichung nicht zugestimmt haben, kann also auch zu einer Abmahnung führen. Hier sollte immer eine schriftliche Einverständniserklärung vorliegen, dass die Fotos im Internet verwendet werden dürfen und sich der Fotografierte darüber bewusst ist, dass diese Fotos auch kopiert und von Fremden verwendet werden könnten.<br />
In sozialen Netzwerken wird gerne gegen dieses Recht verstoßen und Party-Fotos mit Freunden sind noch vor dem nächsten Tag bei Facebook zu bewundern. Eine Abmahnung aufgrund dieser unachtsamen Präsentation von Fotos konnte ich im eigenen Bekanntenkreis erleben &#8211; zu Recht! Es wurden ungefragt Biki-Fotos bei StudiVZ veröffentlicht, was der betroffenen Person überhaupt nicht gefallen hat.</p>
<p>Wenn man diese Punkte beachtet so wird man bei einer normalen Webseite nicht zum Abmahn-Opfer. Außnahmen bestehen dann natürlich wieder bei Online-Shops oder Communities, wo auch andere Gesetze greifen.</p>
<p><a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/de/"><img src="http://i.creativecommons.org/l/by-nc-sa/3.0/de/80x15.png" alt="Creative Commons License" /></a></p>

]]></content:encoded>
			<wfw:commentRss>http://michael66.de/internet/sicher-vor-abmahnungen-viele-sind-selbst-schuld/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Was bringen Microformats und RDFa?</title>
		<link>http://michael66.de/internet/was-bringen-microformats-und-rdfa/</link>
		<comments>http://michael66.de/internet/was-bringen-microformats-und-rdfa/#comments</comments>
		<pubDate>Mon, 07 Dec 2009 18:54:15 +0000</pubDate>
		<dc:creator>Michael</dc:creator>
				<category><![CDATA[HTML / CSS]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[microformats]]></category>
		<category><![CDATA[rdf]]></category>
		<category><![CDATA[rdfa]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://michael66.de/?p=101</guid>
		<description><![CDATA[Microformats und RDFa verstecken sich im gewöhnlichen HTML-Code und sind für einen Besucher nicht zu entdecken &#8211; noch nicht! Grundsätzlich erweitern diese Formatierungen die semantischen Informationen einer Seite und stellen somit logische Zusammenhänge innerhalb einer Seite besser dar. Im Gegensatz zu der im Beitrag &#8220;Warum “Mmh, Kaffee” der wichtigste Tweet der Welt ist oder: Das [...]]]></description>
			<content:encoded><![CDATA[
<p><small><a title="briansuda" href="http://www.flickr.com/photos/78506020@N00/4162998758/" target="_blank"></a></small>Microformats und RDFa verstecken sich im gewöhnlichen HTML-Code und sind für einen Besucher nicht zu entdecken &#8211; noch nicht! Grundsätzlich erweitern diese Formatierungen die semantischen Informationen einer Seite und stellen somit logische Zusammenhänge innerhalb einer Seite besser dar.</p>
<p>Im Gegensatz zu der im Beitrag &#8220;<a href="http://webciety.de/?p=3082" target="_blank"><em>Warum “Mmh, Kaffee” der wichtigste Tweet der Welt ist oder: Das Echtzeitnetz kommt.</em></a>&#8221; vertretenen Meinung Sascha Lobo&#8217;s, dass sich das zukünftige Internet (Buzzword Web 3.0) mehr und mehr über die sozialen Netzwerke und den Gedanken &#8220;<em>Da sind Menschen im Netz – genau jetzt.</em>&#8221; definiert, gehe ich persönlich davon aus, dass die Microformats eine zuhnemend wichtigere Rolle einnehmen werden. Das soll natürlich nicht ausschließen, dass <em>social Media</em> und der <em>Live-Gedanke</em> einen nicht unerheblichen Anteil der Zukunft des Internets ausmachen werden. Ich persönlich glaube mehr an eine Kombination des Echtzeit- und Semantik-Internets. Dazu aber später einmal mehr.</p>
<h2><span id="more-101"></span><img title="microformats" src="http://michael66.de/wp-content/uploads/2009/12/microformats.jpg" alt="microformats" width="544" height="230" /></h2>
<p><small><a title="Attribution-ShareAlike License" href="http://creativecommons.org/licenses/by-sa/2.0/" target="_blank"><img src="http://michael66.de/wp-content/plugins/photo-dropper/images/cc.png" border="0" alt="Creative Commons License" width="16" height="16" align="absmiddle" /></a> <a href="http://www.photodropper.com/photos/" target="_blank">photo</a> credit: <a title="briansuda" href="http://www.flickr.com/photos/78506020@N00/4162998758/" target="_blank">briansuda</a></small></p>
<h2>Was sind Microformats und RDFa?</h2>
<p>Wie bereits erwähnt sind diese für den Betrachter einer Internetseite nicht sichtbar. Sie definieren bestimmte Abschnitte um sie in einen semantischen Kontext einordnen zu können. Im einfachsten Fall wäre das eine Visitenkarte. Im Impressum einer jeden Internetseite findet man Kotaktdaten mit Firmennamen, Personen, Telefon- und Faxnummern sowie Adressen. Werden diese Daten korrekt ausgezeichnet, so macht man diese Daten nicht nur für das menschliche Auge als Visitenkarte deutlich, sondern auch für Maschinen lesbar. Wärend sich die Microformats an den gegebenen XHTML-Standard halten und die Auszeichnung nur über Klassen vornehmen, erweitert RDFa diese XHTML-Spezifikationen um weitere Attribute. RDFa bietet somit auch umfangreichere Möglichkeiten als dies die Microformats können.</p>
<p>Da auch Google auf den RDFa-Standard setzt und wir alle die Macht dieses Suchmaschinengiganten wohl nicht unterschätzen werden, zeichnet sich doch ein Plus auf der Seite des RDFa-Standards ab. Dass die RDF-Standards vom W3C verwaltet werden bekräftigt dies. Auf die technische Umsetzung und Einbindung möchte ich an dieser Stelle nicht weiter eingehen, da es mir eher um die Sinnhaftigkeit geht. Weitere Informationen findet man hier:</p>
<ul>
<li>Microformats:<br />
<a href="http://microformats.org" target="_blank">microformats.org</a></li>
<li>RDFa:<br />
<a href="http://www.w3.org" target="_blank">www.w3.org</a></li>
</ul>
<h2>Der Nutzen</h2>
<p>Da komplexe Informationen nun auch von Maschinen in eine Relation gebracht werden können steigt auf Dauer die Qualität der Semantik. Suchmaschinen werden besser unterscheiden können, um welche Art von Inhalt und Seite es sich handelt und liefern noch präzisere Suchergebnisse. Da es Auszeichnungen für die unterschiedlichsten Bereiche &#8211; von Produkten über Rezepten bis hin zu Tests und Beurteilungen &#8211; gibt, ist auch die Verknüpfung von Inhalten seitenübergreifend eine Vorstellung. Wir alle kennen dies bereits zu gut von Amazon oder eBay. Schauen wir uns verschiedene Produkte an, so werden uns verwandte Produkte oder passendes Zubehör direkt auf der Startseite präsentiert. Contentsensitive Werbung, wie sie von Google AdWords oder Contaxe angeboten wird, kann noch genauer ausgerichtet werden und ermöglicht die noch bessere Eingrenzung der Zielgruppe. Browser könnten Visitenkarten automatisch erkennen, hervorheben oder zum Download anbieten, so dass diese direkt in einem Adressbuch oder Outlook gespeichert werden können. Erweiterungen für den Mozilla Firefox sind bereits erschienen. Neben diesen offensichtlichen Vorteilen bieten sich auch neue Möglichkeiten in der Barrierefreiheit, so dass die Inahlte von beispielsweise Screenreadern semantisch korrekter erkannt und wiedergegeben werden können.</p>
<p>Als Austauschformat werden diese Standards aber wohl nicht dienen können. Dafür hat sich XML als Standard weitestgehend durchgesetzt und bietet sehr viel weitreichendere Möglichkeiten.</p>
<p>Momentan ist die Verwendung der Microformats und RDFa noch sehr rar gesäht, da auch Suchmaschinen noch nicht vollständig in diese Richtung weiterentwickelt wurden. Google arbeitet jedoch hart und verwendet schon eigene RDF-Formate (<a href="http://rdf.data-vocabulary.org/rdf.xml" target="_blank">rdf.data-vocabulary.org/rdf.xml</a>). Für die Zukunft sollte sich also jeder mit diesem Thema beschäftigen und die Formate gegebenenfalls schon verwenden. Lediglich in manchen Content Management Systemen müssen diese noch Einzug halten, damit auch dort die Nutzung problemlos möglich ist. Als Fazit lässt sich sagen, dass diese Formate erhebliche Vorteile in den Bereichen der semantischen Zuordnung, der Barrierefreiheit und dem zielgerichteten Online-Marketing mit sich bringen werden. Das sind Gründe genug, die für eine Verwendung und Verbreitung sprechen.</p>
<h2>Ein kleiner Vorgeschmack</h2>
<p>Was Google mit der Google Social Search entwickelt, kann ein Vorgeschmack auf das sein, was uns in Zukunft erwartet. Hier wird allerdings eher mit der Google interenen Kontenverwaltung und den Schnittstellen zu Facebook, Twitter usw. gearbeitet. Bei vollständig etablierten Microformats oder RDFa können die Möglichkeiten noch viel weitreichender werden.<br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="544" height="330" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/ZqWJxgp-_mU&amp;hl=de_DE&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="544" height="330" src="http://www.youtube.com/v/ZqWJxgp-_mU&amp;hl=de_DE&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
Mehr Informationen zur Google Social Search findet man hier:<br />
<a href="http://googleblog.blogspot.com/2009/10/introducing-google-social-search-i.html" target="_blank">http://googleblog.blogspot.com/2009/10/introducing-google-social-search-i.html</a></p>
<p>Verwendet ihr schon Microformats? Wie steht ihr dazu? Ich freue mich über Kommentare.</p>
<p><a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/de/"><img src="http://i.creativecommons.org/l/by-nc-sa/3.0/de/80x15.png" alt="Creative Commons License" /></a></p>

]]></content:encoded>
			<wfw:commentRss>http://michael66.de/internet/was-bringen-microformats-und-rdfa/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>WordPress-Blog mit YAML und jQuery</title>
		<link>http://michael66.de/internet/wordpress-blog-mit-yaml-und-jquery/</link>
		<comments>http://michael66.de/internet/wordpress-blog-mit-yaml-und-jquery/#comments</comments>
		<pubDate>Tue, 01 Dec 2009 17:48:10 +0000</pubDate>
		<dc:creator>Michael</dc:creator>
				<category><![CDATA[HTML / CSS]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[template]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[yaml]]></category>

		<guid isPermaLink="false">http://wordpress.p114840.typo3server.info/?p=71</guid>
		<description><![CDATA[Entschieden habe ich mich recht schnell für WordPress, da mir dieses Blog-System schon länger bekannt ist. Nachdem dann auch klar wurde, dass es um ein beständiges Blog gehen wird, fiel die Entscheidung auf ein eigenes Design/Theme. Da ich ein Liebhaber des mächtigen YAML-Frameworks von Dirk Jesse bin (www.yaml.de) kam ich nicht um dieses herum. Kurz: [...]]]></description>
			<content:encoded><![CDATA[
<p>Entschieden habe ich mich recht schnell für WordPress, da mir dieses Blog-System schon länger bekannt ist. Nachdem dann auch klar wurde, dass es um ein beständiges Blog gehen wird, fiel die Entscheidung auf ein eigenes Design/Theme. Da ich ein Liebhaber des mächtigen YAML-Frameworks von Dirk Jesse bin (<a href="http://www.yaml.de" target="_blank">www.yaml.de</a>) kam ich nicht um dieses herum. Kurz: Es ist einfach leicht, schnell und funktioniert. Weshalb ich YAML so schätze und es den anderen Frameworks bevorzuge werde ich in einem späteren Artikel beschreiben. Für ein paar Effekte was die Navigation und das Vergeben von bestimmten Klassen angeht kam ich dann nicht um jQuery herum.</p>
<h2><span id="more-71"></span>YAML in WordPress</h2>
<p>Die Einbindung des CSS-Frameworks habe ich manuell vorgenommen. In dem Theme-Ordner (bei mir &#8220;michael66&#8243;) liegt entsprechend der Ordner &#8220;yaml&#8221; mit dem enthaltenen Core. Für die eigenen CSS-Dateien liegt im Theme-Ordner passend der Ordner &#8220;css&#8221;, in welchem wiederum die YAML-typische Ordnerstruktur zu finden ist (&#8220;screen&#8221;, &#8220;print&#8221;, &#8220;navigation&#8221;, &#8220;patches&#8221;). Weiteres zu dieser Struktur und dem Vorgehen mit YAML kann man in der <a href="http://www.yaml.de/de/dokumentation.html" target="_blank">Dokumentation</a> nachlesen.</p>
<p>Das Standard-Stylesheet &#8220;style.css&#8221;, welches von WordPress ohnehin automatisch geladen wird, erfüllt dann den Zweck der &#8220;my_layout.css&#8221; von YAML und lädt alle weiteren Dateien (core, basemod, content &#8230;) per Include.</p>
<p><img class="alignnone size-full wp-image-86" title="michael66" src="http://michael66.de/wp-content/uploads/2009/12/michael66.png" alt="michael66" width="544" height="395" /></p>
<p>Das Grundlayout stammt aus dem <a href="http://builder.yaml.de" target="_blank">YAML-Buider</a> und wurde zur Übersichtlichkeit ebenfalls als HTML-Datei in den Theme-Ordner verstaut. Dies hat den Vorteil, dass ich zuerst diese HTML-Datei und die nötigen Stylesheets anpassen kann, ohne mich ständig mit den verschiedenen WordPress-PHP-Dateien rumschlagen zu müssen. Außerdem entfällt der ständige Upload bzw. das lokale Einrichten einer WordPress-Umgebung, da ich die HTML-Datei problemlos lokal testen kann. Nachdem die HTML-Datei und die Stylesheets alle soweit angepasst sind verteilt man nun die jeweiligen Teile auf die PHP-Templates, integriert die WordPress-Funktionen an die gewünschte Stelle &#8211; ich habe diese einfach aus dem kubrick-Template kopiert &#8211; und ist zu 90% fertig. Kleinere Anpassungen kommen dann mit Sicherheit noch, welche vorher in einem statischen Template nicht berücksichtigt werden konnten. Dies sind dann oft die einzelnen Widgets, welche individuell angepasst werden, oder die Markierung der Aktiven Kategorie etc.</p>
<h3>Wichtig für Safari auf OS X!</h3>
<p>Das ursprünglich in der &#8220;my_layout.css&#8221; angegebene Charset muss in der Datei &#8220;style.css&#8221; in die erste Zeile, also vor die Kommentare zur Beschreibung des Themes. Ich hatte dieses zuvor unter den Kommentaren und dann lädt der Safari keine einzige CSS-Datei. Sieht halt aufgeräumt aus. So muss es also aussehen:</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #a1a100;">@charset &quot;UTF-8&quot;;</span>
<span style="color: #808080; font-style: italic;">/*
Theme Name: michael66
Theme URI: http://michael66.de
Description: Template for the blog michael66.de. No usage without written permission. (c) 2009 Michael Schulze
Version: 1.0
Author: Michael Schulze
Author URI: http://michael66.de
License: all rights reserved
*/</span>
&nbsp;
<span style="color: #808080; font-style: italic;">/**
 * &quot;Yet Another Multicolumn Layout&quot; - (X)HTML/CSS framework
 * (en) central stylesheet
 * (de) zentrales Stylesheet
 *
 * @creator       YAML Builder V1.2 (http://builder.yaml.de)
 * @file          my_layout.css
 * @-yaml-minver  3.1
 *
 */</span>
&nbsp;
<span style="color: #808080; font-style: italic;">/* import core styles | Basis-Stylesheets einbinden */</span>
<span style="color: #a1a100;">@import url(yaml/yaml/core/base.css);</span>
&nbsp;
<span style="color: #808080; font-style: italic;">/* import screen layout | Screen-Layout einbinden */</span>
<span style="color: #a1a100;">@import url(css/screen/basemod.css);</span>
<span style="color: #a1a100;">@import url(css/screen/content.css);</span>
<span style="color: #a1a100;">@import url(css/navigation/nav_slidingdoor.css);</span>
<span style="color: #a1a100;">@import url(css/navigation/topnav.css);</span>
&nbsp;
<span style="color: #808080; font-style: italic;">/* import print layout | Druck-Layout einbinden */</span>
<span style="color: #a1a100;">@import url(css/print/print_100.css);</span></pre></div></div>

<h2>Warum jQuery?</h2>
<p>Meines erachtens ist jQuery eine der momentan besten Bibliotheken in der JS-Welt. Mootools, Scriptaculous, YUV und wie sie alle heißen haben wohl auch ihre Vorteile, aber ich bin aus verschiedenen Gründen bei jQuery gelandet. Erstens habe ich schon in einer Agentur damit gearbeitet, zweitens gibt es eine sehr gelungene und gute Dokumentation und zu guter letzt viele Leute, die aktiv mit jQuery entwickeln und einem gerne Hilfestellung anbieten. Dirk Jesse hat mich dann in meiner Entscheidung bekräftigt als er in YAML 3.2 auch einige Punkte zur jQuery-Kompatibilität hinzugefügt hat (z.B. Accessible-Tabs, SyncHeight). Damit wäre die Frage zur gewählten Bibliothek bzw. JS-Framework geklärt.</p>
<p><strong>Warum braucht man in einem Blog ein JS-Framework?</strong> Brauchen, im Sinne von unbedingt benötigen, tut man es wohl kaum, aber wenn man bestimmte Funktionen einer Seite im Kopf hat und diese umsetzen möchte, dann sucht man sich zwangsläufig einen Weg. Wie man in der horizontalen Navigation (Kategorien) erkennen kann, wird mit einer JS-Navigation gearbeitet, welche beim hover eingeblendet wird. Außerdem sollte auch die nächst höhere der momentan aktiven Kategorie als aktiv markiert sein. WordPress weist allerdings nur der aktiven Kategorie diese CSS-Klasse zu, nicht aber der übergeordneten. Per Javascript und jQuery kann man nun in ein paar Zeilen (4 oder 5) einfach durch Verwendung des DOM das nächste LI-Elternelement aktiv markieren. Ein weiteres Beispiel ist, dass dem letzten Listenelement nicht automatisch eine CSS-Klasse gegeben wird. Dies ist allerdings hilfreich wenn man den Border als Trenner der Listenelemente verwenden möchte (border-bottom), aber das letzte Element keinen Border mehr benötigt. Hier gibt es diesen Fall in der Seitennavigation (oben rechts) und den Listen in den Widgets der Sidebar (Letzte Artikel, Twitter, Blogroll). Per jQuery erhält also jedes letzte LI eine CSS-Klasse Last.</p>
<p>Wie bereits gesagt handelt es sich weniger um essentiell wichtige Dinge als vielmehr um das, was man sich in seinem Kopf gebaut hat. Wenn sich solche Dinge dann auch noch mit ein paar wenigen Zeilen Javascript realisieren lassen, dann macht man gerne davon gebrauch.</p>
<p><a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/de/"><img style="border-width: 0pt;" src="http://i.creativecommons.org/l/by-nc-sa/3.0/de/80x15.png" alt="Creative Commons License" /></a></p>

]]></content:encoded>
			<wfw:commentRss>http://michael66.de/internet/wordpress-blog-mit-yaml-und-jquery/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Und wieder ein neues Blog</title>
		<link>http://michael66.de/allgemein/und-wieder-ein-neues-blog/</link>
		<comments>http://michael66.de/allgemein/und-wieder-ein-neues-blog/#comments</comments>
		<pubDate>Wed, 25 Nov 2009 18:49:34 +0000</pubDate>
		<dc:creator>Michael</dc:creator>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[blog]]></category>

		<guid isPermaLink="false">http://wordpress.p114840.typo3server.info/?p=64</guid>
		<description><![CDATA[Nachdem ich nun lange mit dem Gedanken gerungen habe, ein eigenes Blog zu veröffentlichen, habe ich diesen Schritt nun gewagt. Natürlich hoffe ich, dass ich über einen längeren Zeitraum gesehen einige Besucher erhalte. Auch wenn dieses Blog privat ist und keinen kommerziellen Hintergrund verfolgt freut es einen doch, wenn sich hin und wieder mal wer [...]]]></description>
			<content:encoded><![CDATA[
<p>Nachdem ich nun lange mit dem Gedanken gerungen habe, ein eigenes Blog zu veröffentlichen, habe ich diesen Schritt nun gewagt. Natürlich hoffe ich, dass ich über einen längeren Zeitraum gesehen einige Besucher erhalte. Auch wenn dieses Blog privat ist und keinen kommerziellen Hintergrund verfolgt freut es einen doch, wenn sich hin und wieder mal wer für die eigenen Artikel interessiert. Verbesserungsvorschläge, Kritik und Kommentare sind ausdrücklich erwünscht, da ich natürlich weitere interessante Artikel bereitstellen möchte.</p>
<p>Wie man wahrscheinlich bereits bemerkt hat bin ich ein Kind der Medienbranche. Nach einer Ausbildung als Mediengestalter, der Tätigkeit des Marketing Assistant in einem spanischen Hotel und meiner freiberuflichen Tätigkeit hier in Deutschland widme ich mich hier entsprechend auch den Themen Werbung, Marketing (Online-Marketing), Suchmaschinenoptimierung und Webstandards. Wo ich schon mit der Selbstdarstellung begonnen habe kann ich dies auch kurz auf den Punkt bringen: Ich arbeite für Agenturen und Kunden vorrangig im Internet-Bereich und der Beratung beim Online-Marketing und der Marken-Kommunikation. Neben den Content Management Systemen TYPO3, Joomla! und Drupal beschäftige ich mich auch mit dem Blog-System WordPress. Das soll an dieser Stelle reichen.</p>
<p>Das Blog ist also jetzt fertig und eröffnet. Weitere Artikel folgen in kürze.</p>
<p><a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/de/"><img style="border-width: 0pt;" src="http://i.creativecommons.org/l/by-nc-sa/3.0/de/80x15.png" alt="Creative Commons License" /></a></p>

]]></content:encoded>
			<wfw:commentRss>http://michael66.de/allgemein/und-wieder-ein-neues-blog/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
