<?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>⁂ V ⁂ &#187; Blog</title>
	<atom:link href="http://www.vogelgesang.cc/blog/thema/webdesign/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.vogelgesang.cc</link>
	<description></description>
	<lastBuildDate>Fri, 18 May 2012 09:53:26 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Antwort- &amp; Ladezeit messen</title>
		<link>http://www.vogelgesang.cc/blog/2012/02/antwort-ladezeit-messen/</link>
		<comments>http://www.vogelgesang.cc/blog/2012/02/antwort-ladezeit-messen/#comments</comments>
		<pubDate>Tue, 21 Feb 2012 10:59:24 +0000</pubDate>
		<dc:creator>⁂ V ⁂</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[ladezeit]]></category>
		<category><![CDATA[statistiken]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.vogelgesang.cc/?p=878</guid>
		<description><![CDATA[Die Ladezeit bleibt weiterhin ein wichtiger Faktor. Für Google, aber auch für Besucher. Im Beitrag Ladezeit der WordPress Plugins kontrollieren hatte ich bereits einen Weg gezeigt, wie man Fehlerquellen ausfindig machen kann. Mit dem wirklich sehr nützlichem Webangebot tagBeep will ich noch einen informativen Weg zur Fehlersuche aufzeigen. tagBeep hat vorrangig zwei Anwendungsfälle. Das messen [...]]]></description>
			<content:encoded><![CDATA[<p>Die Ladezeit bleibt weiterhin ein wichtiger Faktor. Für <a href="http://www.seo-united.de/blog/seo/ladezeit-ist-offizieller-rankingfaktor.htm">Google</a>, aber auch für Besucher. Im Beitrag <a title="WordPress: Ladezeit der Plugins kontrollieren" href="http://www.vogelgesang.cc/blog/2012/02/wordpress-ladezeit-der-plugins-kontrollieren/">Ladezeit der WordPress Plugins kontrollieren</a> hatte ich bereits einen Weg gezeigt, wie man Fehlerquellen ausfindig machen kann. Mit dem wirklich sehr nützlichem <a href="http://tagbeep.com">Webangebot <strong>tagBeep</strong></a> will ich noch einen informativen Weg zur Fehlersuche aufzeigen.</p>
<p>tagBeep hat vorrangig zwei Anwendungsfälle. Das messen der <a href="http://de.wikipedia.org/wiki/Antwortzeit">Antwortzeit (response time)</a> und der <a href="http://de.wikipedia.org/wiki/Uptime">Verfügbarkeit (Uptime)</a>. Sammelt aber auch hilfreiche Statistiken zur Ladezeit der angegebenen Seite. In der folgenden Grafik findet sich ein Auszug der gesammelten Daten für diesen Blog.</p>
<p><img class="aligncenter size-full wp-image-882" title="Verteilung der Ladezeit" src="http://www.vogelgesang.cc/wp-content/uploads/2012/02/ladezeit1.png" alt="" width="728" height="243" /></p>
<p>Das Ganze passiert automatisiert von verschiedenen Servern (USA &#038; Europa). Somit hat man schon nach wenigen Tagen eine ausreichend große Menge an Aufrufen um repräsentative Ergebnisse zu erhalten.</p>
<p>Und das Beste kommt zum Schluss: tagBeep ist kostenlos. Nur wenn SMS-Benachrichtigungen gewünscht sind, muss bezahlt werden.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.vogelgesang.cc/blog/2012/02/antwort-ladezeit-messen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Lorem Ipsum Grafiken</title>
		<link>http://www.vogelgesang.cc/blog/2011/04/lorem-ipsum-grafiken/</link>
		<comments>http://www.vogelgesang.cc/blog/2011/04/lorem-ipsum-grafiken/#comments</comments>
		<pubDate>Fri, 08 Apr 2011 16:02:23 +0000</pubDate>
		<dc:creator>⁂ V ⁂</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.vogelgesang.cc/?p=574</guid>
		<description><![CDATA[Jeder Webdesigner kennt den oft genutzten Blindtext: &#8220;Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, &#8230;&#8221; Bei der Gestaltung von Webseiten hat sich [...]]]></description>
			<content:encoded><![CDATA[<p>Jeder Webdesigner kennt den oft genutzten Blindtext: &#8220;<em>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, &#8230;</em>&#8221;</p>
<p>Bei der Gestaltung von Webseiten hat sich dieser als sehr hilfreich erwiesen, um schon, bevor man die Texte der Kunden kennt, sich ein Bild machen zu können wie die Website final wirkt.</p>
<p>Aber Grafiken müssen sich in das Gesamtbild einfügen. Um sich nicht bei jeden neuen Webdesign durch das eigene Fotoarchiv kämpfen zu müssen um passende Beispiel-Bilder einfügen zu können, gibt es nun* auch „<em>Lorem Ipsum Grafiken</em>‟, Platzhalter Grafiken die schnell und unkompliziert in jedes Template passend eingebunden werden können.</p>
<p><strong>lorempixum</strong><br />
<a href="http://lorempixum.com/"><img class="aligncenter size-full wp-image-577" title="lorempixum" src="http://www.vogelgesang.cc/wp-content/uploads/2011/04/lorempixum.png" alt="" width="604" height="415" /></a></p>
<p><strong>Placehold.it</strong><br />
<a href="http://placehold.it/"><img class="aligncenter size-full wp-image-578" title="placehold" src="http://www.vogelgesang.cc/wp-content/uploads/2011/04/placehold.png" alt="" width="604" height="510" /></a></p>
<p><strong>Fantastisch!</strong> Und vor allem spart es eine Menge Zeit.</p>
<p style="text-align: right;"><small>* Zumindest für mich war dieser Service bis vor wenigen Tagen unbekannt.</small></p>
]]></content:encoded>
			<wfw:commentRss>http://www.vogelgesang.cc/blog/2011/04/lorem-ipsum-grafiken/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>⁂ V ⁂ Redesign</title>
		<link>http://www.vogelgesang.cc/blog/2011/03/blog-redesign/</link>
		<comments>http://www.vogelgesang.cc/blog/2011/03/blog-redesign/#comments</comments>
		<pubDate>Thu, 24 Mar 2011 22:58:18 +0000</pubDate>
		<dc:creator>⁂ V ⁂</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Tagebuch]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[wp-theme]]></category>
		<category><![CDATA[⁂ V ⁂]]></category>

		<guid isPermaLink="false">http://www.vogelgesang.cc/?p=554</guid>
		<description><![CDATA[Am 23. August 2009 ging dieser Blog in der aktuellen Version online. Nun gab es endlich ein Redesign. Statt auf ein fertiges Theme zurück zu greifen, habe ich mich dieses Mal dazu entschlossen, ein komplett eigenes WordPress Theme zu schreiben. Und es ging schneller als ich dachte. Das aktuelle Ergebnis war nach nur 3 Tagen [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Am 23. August 2009 ging dieser Blog in der aktuellen Version online. Nun gab es endlich ein Redesign.</strong></p>
<p>Statt auf ein fertiges Theme zurück zu greifen, habe ich mich dieses Mal dazu entschlossen, ein komplett eigenes WordPress Theme zu schreiben. Und es ging schneller als ich dachte. Das aktuelle Ergebnis war nach nur 3 Tagen fertig.</p>
<p><img class="aligncenter size-full wp-image-555" title="blog" src="http://www.vogelgesang.cc/wp-content/uploads/2011/03/blog.png" alt="" width="603" height="415" /></p>
<p><strong>Blog about &#8230;</strong><br />
Der Fokus lag ganz klar auf den Tags. Da dies ein privat betriebener Blog ist, der ein sehr breites Themenspektrum abbilden muss, nämlich mein Interessen, wollte ich das sich alles auf den Tags orientiert. So ist es nun. Die obere Hauptnavigationsleiste zeigt dynamisch die meist genutzten Tags und zeigt damit worum es in diesem Blog geht, eingeleitet mit den Worten und Seiten &#8220;Blog about&#8221;.</p>
<p>Und auch die <a title="Blog Startseite" href="http://www.vogelgesang.cc/blog/">Startseite</a> baut auf diesem Konzept auf. Neben den letzten 4 Beiträgen, werden zudem auch die letzten Beiträge zu den vier meist genutzten Tags gezeigt.</p>
<p>Im kompletten Theme wurde bewusst auf Farben verzichtet. Der Inhalt bringt Farbe ins Spiel, gestalterisch und auch inhaltlich. Einen großen Anteil tragen dazu die Post-Thumbnails bei, die zudem den größten Anteil der Navigation durch das Blog übernehmen.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.vogelgesang.cc/blog/2011/03/blog-redesign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Designperle Tigions Blog</title>
		<link>http://www.vogelgesang.cc/blog/2010/04/designperle-tigions-blog/</link>
		<comments>http://www.vogelgesang.cc/blog/2010/04/designperle-tigions-blog/#comments</comments>
		<pubDate>Sat, 03 Apr 2010 16:10:19 +0000</pubDate>
		<dc:creator>⁂ V ⁂</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[blogtipp]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.vogelgesang.cc/?p=428</guid>
		<description><![CDATA[Es ist schon ein Weilchen her, dass einen Blogtipp veröffentlicht habe. Daher kam mir der zufällige Besuch auf Tigions Blog gerade richtig. Die bisherigen Blogs wurden aufgrund ihres Inhalts vorgestellt, bei der heutigen Empfehlung ist der ausschlaggebende Grund aber hauptsächlich das wundervolle Design. Was jetzt aber nicht gleichzeitig heißen soll, dass die Inhalte des vorgestellten Blogs uninteressant sind. Christoph Zirkelbach schreibt [...]]]></description>
			<content:encoded><![CDATA[<p><a class="lightbox" href="http://www.vogelgesang.cc/wp-content/uploads/2010/04/Artikel.png"><img class="alignright size-medium wp-image-429" style="margin-left:8px;" title="Artikel" src="http://www.vogelgesang.cc/wp-content/uploads/2010/04/Artikel-142x300.png" alt="" width="142" height="300" /></a>Es ist schon ein Weilchen her, dass einen <a title="Alle Blogtipps" href="http://www.vogelgesang.cc/thema/blogtipp/">Blogtipp</a> veröffentlicht habe. Daher kam mir der <a title="Über den Zufall..." href="http://www.vogelgesang.cc/2009/10/was-ein-zufall/">zufällige</a> Besuch auf <em><a href="http://blog.tigion.de/">Tigions Blog</a></em> gerade richtig. Die bisherigen Blogs wurden aufgrund ihres Inhalts vorgestellt, bei der heutigen Empfehlung ist der ausschlaggebende Grund aber hauptsächlich das wundervolle Design.</p>
<p>Was jetzt aber nicht gleichzeitig heißen soll, dass die Inhalte des vorgestellten Blogs uninteressant sind. Christoph Zirkelbach schreibt in seinem Blog über die <strong>Fotografie</strong>, das <strong>Programmieren</strong>, den <strong>Mac</strong> und natürlich auch über <strong>Webdesign</strong>.</p>
<p>Aber zurück zum Grund dieser Empfehlung, dem Design des Blogs. <span id="more-428"></span>Es sind viele Details die überzeugen. Auf der Starseite wurde an alles gedacht. Besondere Platzierung der Sticky Posts, voller Inhalt des letzten Artikel und weitere Artikel mit Thumbnail. Aber auch die Detailseiten überzeugen. Besonders gut ist die Trennung zwischen Artikel und Kommentaren gelöst.</p>
<p>Einziges Manko aus meiner Sicht. Den Link um aus einem Artikel wieder auf die Starseite zu kommen, hat mich merklich Zeit gekostet. Optisch ist die Navigation zwar wundervoll gelöst, als wirklich praktisch hat sie sich aber nicht erwiesen. Hier gibt es Potenzial zur Optimerung. Ansonsten ein rundum gelungener Weblog den sich jeder Designer einmal anschauen sollte.</p>
<p><a class="lightbox" title="Die Startseite" href="http://www.vogelgesang.cc/wp-content/uploads/2010/04/Startseite.png"><img class="aligncenter size-large wp-image-430" title="Startseite" src="http://www.vogelgesang.cc/wp-content/uploads/2010/04/Startseite-600x341.png" alt="" width="600" height="341" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.vogelgesang.cc/blog/2010/04/designperle-tigions-blog/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Logo auf die Schnelle</title>
		<link>http://www.vogelgesang.cc/blog/2009/07/logo-auf-die-schnelle/</link>
		<comments>http://www.vogelgesang.cc/blog/2009/07/logo-auf-die-schnelle/#comments</comments>
		<pubDate>Fri, 10 Jul 2009 21:21:08 +0000</pubDate>
		<dc:creator>⁂ V ⁂</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[web2.0]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.vogelgesang.cc/?p=39</guid>
		<description><![CDATA[Manchmal hat man einfach keine Zeit oder es lohnt sich einfach nicht ein ausgefallenes und durchdachtes Logo zu gestalten. In diesem Fall bleibt einem meist nur die Möglichkeit einen einfaches grafischen Schriftzug zu nehmen. Mit Supalogo geht das nun ganz einfach. Einfach Text eingeben, und auf Wunsch Schriftart, Farbverlauf und Größe wählen. Schon hat man [...]]]></description>
			<content:encoded><![CDATA[<p>Manchmal hat man einfach keine Zeit oder es lohnt sich einfach nicht ein ausgefallenes und durchdachtes Logo zu gestalten. In diesem Fall bleibt einem meist nur die Möglichkeit einen einfaches grafischen Schriftzug zu nehmen.</p>
<p>Mit <a href="http://supalogo.com/" target="_blank">Supalogo</a> geht das nun ganz einfach. Einfach Text eingeben, und auf Wunsch Schriftart, Farbverlauf und Größe wählen. Schon hat man ein einfachen grafischen Schriftzug der sogar noch ganz passabel aussieht.</p>
<p>Beispiele:</p>
<p style="text-align: center;"><a rel="lightbox" href="http://www.vogelgesang.cc/wp-content/uploads/2009/07/8nUH8ehSJatext.png"><img class="aligncenter size-large wp-image-40" title="Beispiel 1" src="http://www.vogelgesang.cc/wp-content/uploads/2009/07/8nUH8ehSJatext-450x68.png" alt="Beispiel 1" width="450" height="68" /></a></p>
<p style="text-align: center;"><a rel="lightbox" href="http://www.vogelgesang.cc/wp-content/uploads/2009/07/jgX8WflwPatext.png"><img class="aligncenter size-large wp-image-41" title="Beispiel 2" src="http://www.vogelgesang.cc/wp-content/uploads/2009/07/jgX8WflwPatext-450x62.png" alt="Beispiel 2" width="450" height="62" /></a></p>
<p style="text-align: center;"><a rel="lightbox" title="Beispiel 3" href="http://www.vogelgesang.cc/wp-content/uploads/2009/07/VTaGdMVMpatext.png"><img src="http://www.vogelgesang.cc/wp-content/uploads/2009/07/VTaGdMVMpatext-450x93.png" alt="" title="Beispiel 3" width="450" height="93" class="aligncenter size-large wp-image-42" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.vogelgesang.cc/blog/2009/07/logo-auf-die-schnelle/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

