<?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>Movable Web &#187; darstellung</title>
	<atom:link href="http://www.movableweb.de/tag/darstellung/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.movableweb.de</link>
	<description>mit dem Web unterwegs</description>
	<lastBuildDate>Fri, 04 Nov 2011 12:58:33 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Eigene mobile Webseite erstellen aus RSS-Feed</title>
		<link>http://www.movableweb.de/eigene-mobile-webseite-erstellen-aus-rss-feed/</link>
		<comments>http://www.movableweb.de/eigene-mobile-webseite-erstellen-aus-rss-feed/#comments</comments>
		<pubDate>Sat, 14 Feb 2009 10:19:20 +0000</pubDate>
		<dc:creator>mk</dc:creator>
				<category><![CDATA[Entwicklung]]></category>
		<category><![CDATA[darstellung]]></category>
		<category><![CDATA[rss]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.movableweb.de/eigene-mobile-webseite-erstellen-aus-rss-feed/</guid>
		<description><![CDATA[Im Beitrag WordPress f&#252;r mobile Ger&#228;te optimieren habe ich euch eine M&#246;glichkeit aufgezeigt, die Darstellung eure WordPress-Installation f&#252;r mobile Ger&#228;te zu optimieren. Das Plugin erkennt, ob ein Benutzer mit dem iPhone, iPod Touch oder einem Handy mit Android surft und passt das Design an.
Es geht nat&#252;rlich auch anders, in dem ihr beispielsweise eine gesonderte URL [...]]]></description>
			<content:encoded><![CDATA[<p>Im Beitrag <a href="http://www.movableweb.de/wordpress-fuer-mobile-geraete-optimieren/" class="in" title="http://www.movableweb.de/wordpress-fuer-mobile-geraete-optimieren/" target="_top">WordPress f&uuml;r mobile Ger&auml;te optimieren</a> habe ich euch eine M&ouml;glichkeit aufgezeigt, die Darstellung eure WordPress-Installation f&uuml;r mobile Ger&auml;te zu optimieren. Das Plugin erkennt, ob ein Benutzer mit dem iPhone, iPod Touch oder einem Handy mit Android surft und passt das Design an.</p>
<p>Es geht nat&uuml;rlich auch anders, in dem ihr beispielsweise eine gesonderte URL anbietet, die alle mobilen Leser aufrufen k&ouml;nnen.</p>
<p>Bei der <strong>ersten Variante</strong> hostet ihr selbst auf eurem Webspace ein paar Dateien, die &uuml;ber eine URL, z.B. m.euredomain.de aufgerufen werden. Zus&auml;tzlich ben&ouml;tigt ihr noch die URL eures RSS-Feeds. <a href="http://css-tricks.com/create-a-slick-iphonemobile-interface-from-any-rss-feed/" class="ex" title="http://css-tricks.com/create-a-slick-iphonemobile-interface-from-any-rss-feed/" target="_blank">Das Tutorial</a> von css-tricks.com erl&auml;utert euch im Detail, wie ihr vorgehen m&uuml;sst. <a href="http://css-tricks.com/examples/iPhoneInterfaceFromRSS/" class="ex" title="http://css-tricks.com/examples/iPhoneInterfaceFromRSS/" target="_blank">Das Ergebnis</a> sieht so aus. Vorteil dieses Tutorials ist, dass ihr das Design an eure Bed&uuml;rfnisse anpassen k&ouml;nnt. Nachteil, ihr m&uuml;sst, wie schon erw&auml;hnt, die Dateien selbst hosten.</p>
<p>Anders ist das bei dem Webdienst <a href="http://www.doyoufeed.com/us/index.php" class="ex" title="http://www.doyoufeed.com/us/index.php" target="_blank"><strong>doyoufeed.com</strong></a>. Dort k&ouml;nnt ihr mehrere RSS-Feeds zu einer mobilen Webseite zusammenf&uuml;hren.</p>
<p><img src="http://www.movableweb.de/wp-content/uploads/2009/02/doyoufeedcom-turn-any-rss-feed-into-an-iphone-friendly-site-mozilla-firefox-31-beta-2.jpg" width="376" height="242" alt="DoYouFeed.com_ Turn any RSS feed into an iPhone friendly site - Mozilla Firefox 3.1 Beta 2.jpg" /></p>
<p>Nat&uuml;rlich k&ouml;nnt ihr das auch nur mit eurem Feed machen. Die URL, die doyoufeed.com f&uuml;r euch erstellt, gebt ihr dann an eure mobilen Leser weiter.</p>
<p>Der Webdienst <strong><a href="http://www.feedm8.com" class="ex" title="http://www.feedm8.com" target="_blank">feedm8.com</a></strong> funktioniert ebenso; konvertiert aus eurem Feed eine kleine Webseite. Das sieht dann z.B. <a href="http://www.feedm8.com/feed?u=http%3A%2F%2Ffeeds2.feedburner.com%2Fmovableweb" class="ex" title="http://www.feedm8.com/feed?u=http%3A%2F%2Ffeeds2.feedburner.com%2Fmovableweb" target="_blank">so</a> aus. Zwischen den Beitr&auml;gen wird jedoch Werbung eingeblendet.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.movableweb.de/eigene-mobile-webseite-erstellen-aus-rss-feed/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Deutschsprachige Topblogs und die mobile Darstellung</title>
		<link>http://www.movableweb.de/deutschsprachige-topblogs-und-die-mobile-darstellung/</link>
		<comments>http://www.movableweb.de/deutschsprachige-topblogs-und-die-mobile-darstellung/#comments</comments>
		<pubDate>Fri, 13 Feb 2009 16:23:59 +0000</pubDate>
		<dc:creator>mk</dc:creator>
				<category><![CDATA[Entwicklung]]></category>
		<category><![CDATA[blogs]]></category>
		<category><![CDATA[darstellung]]></category>
		<category><![CDATA[rss]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.movableweb.de/deutschsprachige-topblogs-und-die-mobile-darstellung/</guid>
		<description><![CDATA[<p>Doch es gibt ja M&#246;glichkeiten, die Darstellung f&#252;r diese Benutzer anzupassen. ... Denn das iPhone, G1 und Co. bieten ja schon gute Techniken, 1 Basic Thinking http://www.basicthinking.de/blog/ nein 2 BILDblog http://www.bildblog.de nein 3 GoogleWatchBlog http://www.googlewatchblog.de/ nein 4 Software Guide http://sw-guide.de/ nein 5 Stefan Niggemeier http://www.stefan-niggemeier.de/blog/ nein 6 Caschys Blog http://stadt-bremerhaven.de/ nein 7 Design Tagebuch http://www.designtagebuch.de/ nein 8 Werbeblogger http://www.werbeblogger.de/ ja 9 Stylespion http://www.stylespion.de nein 10 MACNOTES http://www.macnotes.de/ ja</p>
]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.movableweb.de/wp-content/uploads/2009/02/photo1.jpg"><img src="http://www.movableweb.de/wp-content/uploads/2009/02/photo-tm1.jpg" width="110" height="165" alt="photo.jpg" class="alignleft" /></a>Immer mehr Leute surfen im Internet. Viele Webseite sind nat&uuml;rlich f&uuml;r h&ouml;here Aufl&ouml;sungen optimiert. Doch es gibt ja M&ouml;glichkeiten, die Darstellung f&uuml;r mobile Benutzer anzupassen.&nbsp;&nbsp;</p>
<p>Doch ist das &uuml;berhaupt n&ouml;tig? Denn das iPhone, G1 und Co. bieten ja schon gute intuitive Techniken, die Ansicht einzustellen.</p>
<p>Schauen wir uns mal die Top 10 vom 12.02.2009 der deutschsprachige Blogs an. Gemessen wird an der Zahl der Feed-Leser. Eine Liste findet ihr unter <a href="http://lesercharts.de/" class="ex" title="http://lesercharts.de/" target="_blank">lesercharts.de</a>.</p>
<p>Das Ergebnis finde ich sehr interessant:</p>
<p>1. <a href="http://www.basicthinking.de/blog/" class="ex" title="http://www.basicthinking.de/blog/" target="_blank">Basic Thinking</a> – optimierte Darstellung f&uuml;r mobile Ger&auml;te? nein</p>
<p>2. <a href="http://www.bildblog.de" class="ex" title="http://www.bildblog.de" target="_blank">BILDblog</a> – nein</p>
<p>3. <a href="http://www.googlewatchblog.de/" class="ex" title="http://www.googlewatchblog.de/" target="_blank">GoogleWatchBlog</a> – nein</p>
<p>4. <a href="http://sw-guide.de/" class="ex" title="http://sw-guide.de/" target="_blank">Software Guide</a> – nein</p>
<p>5. <a href="http://www.stefan-niggemeier.de/blog/" class="ex" title="http://www.stefan-niggemeier.de/blog/" target="_blank">Stefan Niggemeier</a> – nein</p>
<p>6. <a href="http://stadt-bremerhaven.de/" class="ex" title="http://stadt-bremerhaven.de/ " target="_blank">Caschys Blog</a> – nein</p>
<p>7. <a href="http://www.designtagebuch.de/" class="ex" title="http://www.designtagebuch.de/" target="_blank">Design Tagebuch</a> – nein</p>
<p>8. <a href="http://www.werbeblogger.de/" class="ex" title="http://www.werbeblogger.de/" target="_blank">Werbeblogger</a> – ja</p>
<p>9. <a href="http://www.stylespion.de" class="ex" title="http://www.stylespion.de" target="_blank">Stylespion</a> – nein</p>
<p>10. <a href="http://www.macnotes.de/" class="ex" title="http://www.macnotes.de/" target="_blank">MACNOTES</a> – ja</p>
<p>Zwei von zehn der deutschen Top-Blogs bieten den mobilen Lesern eine angepasste Darstellung an.</p>
<p>Wenn ich &uuml;brigens die Charts von <a href="http://deutscheblogcharts.de" class="ex" title="http://deutscheblogcharts.de" target="_blank">deutscheblogcharts.de</a> betrachte (Stand 11.02.09), ist es nur ein Blog unter den Top 10.</p>
<p>Dieses Ergebnis l&auml;sst nun <strong>zwei Schlussfolgerungen</strong> zu:</p>
<p>1) Die Nutzung von mobilen Ger&auml;ten ist bei vielen Webmastern noch nicht angekommen oder wird untersch&auml;tzt.</p>
<p>2) Die Technik macht eine mobile Darstellung &uuml;berfl&uuml;ssig.</p>
<p>Was denkt ihr? Ich bin zum aktuellen Zeitpunkt f&uuml;r die zweite Schlussfolgerung. Denn unter &#8220;Technik&#8221; z&auml;hle ich zum einen die Technik der Ger&auml;te (Multitouch, Zoomen) und zum anderen auch so etwas wie RSS. Viele der Leser werden erfahren im Umgang mit Technik sein. Da werden viele ihre liebsten Seiten &uuml;ber RSS-Feeds auf dem Handy lesen. Dementsprechend ist die Darstellung der Webseiten ziemlich uninteressant, zumindest wenn der Feed ungek&uuml;rzt ist.</p>
<p>Was aber, wenn mobiles Internet in den Alltag einkehrt und auch unerfahrene Benutzer &uuml;ber das Handy surfen? Reichen dann die Techniken der Ger&auml;te aus?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.movableweb.de/deutschsprachige-topblogs-und-die-mobile-darstellung/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>WordPress f&#252;r mobile Ger&#228;te optimieren</title>
		<link>http://www.movableweb.de/wordpress-fuer-mobile-geraete-optimieren/</link>
		<comments>http://www.movableweb.de/wordpress-fuer-mobile-geraete-optimieren/#comments</comments>
		<pubDate>Fri, 13 Feb 2009 13:06:29 +0000</pubDate>
		<dc:creator>mk</dc:creator>
				<category><![CDATA[Entwicklung]]></category>
		<category><![CDATA[darstellung]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.movableweb.de/wordpress-fuer-mobile-geraete-optimieren/</guid>
		<description><![CDATA[ Der Vorteil, wenn man ein Content Management System mit einer flei&#223;igen Community nutzt ist, dass viele Plugins und andere Erweiterungen entwickelt werden.
Somit gibt es auch schon einige Plugins, die nach Aktivierung Nutzer von mobilen Ger&#228;ten erkennen und die Darstellung anpassen.
Das Plugin, mit dem ich die besten Erfahrungen gemacht habe, ist WPTouch. WPTouch l&#228;uft auch [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft" src="http://www.mkswork.de/mmynews/wp-content/uploads/2008/12/wordpress-logo.jpg" alt="" title="" /><a href="http://www.movableweb.de/wp-content/uploads/2009/02/photo.jpg"><img src="http://www.movableweb.de/wp-content/uploads/2009/02/photo-tm.jpg" width="100" height="150" alt="photo.jpg" class="alignright" /></a> Der Vorteil, wenn man ein Content Management System mit einer flei&szlig;igen Community nutzt ist, dass viele Plugins und andere Erweiterungen entwickelt werden.</p>
<p>Somit gibt es auch schon einige Plugins, die nach Aktivierung Nutzer von mobilen Ger&auml;ten erkennen und die Darstellung anpassen.</p>
<p>Das Plugin, mit dem ich die besten Erfahrungen gemacht habe, ist <a href="http://www.bravenewcode.com/wptouch/" class="ex" title="http://www.bravenewcode.com/wptouch/" target="_blank">WPTouch</a>. WPTouch l&auml;uft auch auf diesem Blog. Eine Vorschau zeigt der Screenshot. Erkannt wird das iPhone, iPod Touch und Handys mit Android.</p>
<p>Im Administrationsbereich k&ouml;nnt ihr diverse Einstellungen vornehmen.</p>
<p><img src="http://www.movableweb.de/wp-content/uploads/2009/02/mmynews-wptouch-theme-wordpress-mozilla-firefox-31-beta-2.jpg" width="480" height="116" alt="mmyNews › WPtouch Theme — WordPress - Mozilla Firefox 3.1 Beta 2.jpg" /></p>
<p><a href="http://www.movableweb.de/wp-content/uploads/2009/02/wptouch.jpg"><img src="http://www.movableweb.de/wp-content/uploads/2009/02/wptouch-tm.jpg" width="110" height="77" alt="wptouch" class="alignleft" /></a>Ihr k&ouml;nnt sogar den Code von Google Analytics eintragen, dann werden auch die mobilen Besucher gez&auml;hlt. Zudem lassen sich Farben des Designs anpassen und festlegen, welche Seiten im Men&uuml; mit welchem Icon angezeigt werden.</p>
<p><a href="http://www.bravenewcode.com/wptouch/" class="ex" title="http://www.bravenewcode.com/wptouch/" target="_blank">WPTouch</a> wurde zuletzt am 04. Februar 09 aktualisiert und l&auml;uft ab WordPress-Version 2.3.</p>
<p>Es gibt auch noch weitere Plugins, die aber nur mit &auml;lteren Versionen von WordPress laufen. So beispielsweise <a href="http://alexking.org/projects/wordpress/readme?project=wordpress-mobile-edition" class="ex" title="http://alexking.org/projects/wordpress/readme?project=wordpress-mobile-edition" target="_blank">WordPress Mobile Edition</a>, <a href="http://wordpressmobile.mobi/" class="ex" title="http://wordpressmobile.mobi/" target="_blank">WordPress Mobile Plugin</a> und f&uuml;r die Administration <a href="http://wordpress.org/extend/plugins/mobileadmin/" class="ex" title="http://wordpress.org/extend/plugins/mobileadmin/" target="_blank">iPhone / Mobile Admin</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.movableweb.de/wordpress-fuer-mobile-geraete-optimieren/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>

