<?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>Davids Blog &#187; Webdesign</title>
	<atom:link href="http://blog.davidlanger.de/category/webdesign/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.davidlanger.de</link>
	<description></description>
	<lastBuildDate>Sun, 07 Feb 2010 21:27:48 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Wordpress als CMS</title>
		<link>http://blog.davidlanger.de/webdesign/wordpress-als-cms/</link>
		<comments>http://blog.davidlanger.de/webdesign/wordpress-als-cms/#comments</comments>
		<pubDate>Tue, 23 Jun 2009 15:53:36 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://davidlanger.de/?p=486</guid>
		<description><![CDATA[Nachdem ich bei meinem letzten Projekt das erste Mal Wordpress als Content Management System eingesetzt habe, möchte ich hier ein paar Erfahrungen teilen, die ich währenddessen gesammelt habe.
Wordpress ist für kleinere Projekte mit statischen Seiten out-of-the-box nutzbar. Lesbare URLS, einen komfortablen WYSIWYG-Editor für den Kunden, Sehr einfache Template-Gestaltung und so weiter ist alles vorhanden.
Sobald allerdings [...]]]></description>
			<content:encoded><![CDATA[<p>Nachdem ich bei meinem letzten Projekt das erste Mal Wordpress als Content Management System eingesetzt habe, möchte ich hier ein paar Erfahrungen teilen, die ich währenddessen gesammelt habe.</p>
<p>Wordpress ist für kleinere Projekte mit statischen Seiten out-of-the-box nutzbar. Lesbare URLS, einen komfortablen WYSIWYG-Editor für den Kunden, Sehr einfache Template-Gestaltung und so weiter ist alles vorhanden.</p>
<p>Sobald allerdings mehr als ein paar Seiten zu verwalten sind, wird die Sortierung der Seiten zur Qual, da diese nur über einen einzigen Wert pro Seite gesetzt werden. Selbst wenn man Abstände von 10 einplant, damit man nachträglich noch Seiten zwischen zwei andere einfügen kann, hilft das auch nicht viel. Für diesen Fall gibt es das Plugin <a href="http://wordpress.org/extend/plugins/my-page-order/">My Page Order</a>, welches die Sortierung per Drag&#8217;n'Drop erlaubt.</p>
<p>Die Benutzerverwaltung in Wordpress ist auf den Blogbetrieb ausgelegt, so dass fortgeschrittene Möglichkeiten der Benutzer-Kontrolle leider fehlen. Um Seiten zu verstecken und die Editier-Möglichkeiten weiter &mdash; z.B. seitenbasiert &mdash; einzuschränken, kann man sich des Plugins <a href="http://agapetry.net/news/introducing-role-scoper/">Role Scoper</a> bedienen.</p>
<p>In manchen Fällen möchte man auf einer Seite einfach die darunterliegenden Sub-Seiten auflisten. Hier hilft <a href="http://wordpress.org/extend/plugins/xavins-list-subpages/">Xavin&#8217;s List Subpages</a>, welches die gleichen Optionen wie <code>wp_list_pages</code> entgegen nimmt. Alternativ kann man auch jQuery nutzen, um aus dem statischen Menü von Wordpress eine ausklappbare Navigation zu machen.</p>
<p>Und das war es schon. Im Grunde reichen diese drei Plugins, um aus Wordpress ein CMS zu machen, welches nach meinen Erfahrungen gerne von Kunden genutzt wird. Aber sicherlich lässt sich im Backend noch einiges für den CMS-Betrieb optimieren und vereinfachen.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.davidlanger.de/webdesign/wordpress-als-cms/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tabellenspalten &amp; CSS</title>
		<link>http://blog.davidlanger.de/webdesign/tabellenspalten-css/</link>
		<comments>http://blog.davidlanger.de/webdesign/tabellenspalten-css/#comments</comments>
		<pubDate>Wed, 17 Sep 2008 16:51:45 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://davidlanger.de/?p=142</guid>
		<description><![CDATA[
Einfache Idee: David baut eine schöne, kleine Tabelle. Ausführung &#8212; nicht so einfach, wie gedacht.
Layoutmässig sollten die drei letzten Spalten oben im Bild, da sie ja Zahlen enthalten am rechten Rand ausgerichtet sein. Also schnell  &#60;col/&#62;&#60;col class="numbers" span="3"/&#62; eingefügt und davon ausgegangen, dass das Stylen jetzt losgehen kann. Dummgelaufen nur, dass das W3C bei [...]]]></description>
			<content:encoded><![CDATA[<div class="border"><img src="http://davidlanger.de/wp-content/uploads/2008/09/columns-css.jpg" alt="columns-css.jpg" width="420" height="128" /></div>
<p>Einfache Idee: David baut eine schöne, kleine Tabelle. Ausführung &mdash; nicht so einfach, wie gedacht.</p>
<p>Layoutmässig sollten die drei letzten Spalten oben im Bild, da sie ja Zahlen enthalten am rechten Rand ausgerichtet sein. Also schnell  <code>&lt;col/&gt;&lt;col class="numbers" span="3"/&gt;</code> eingefügt und davon ausgegangen, dass das Stylen jetzt losgehen kann. Dummgelaufen nur, dass <a href="http://www.w3.org/TR/CSS21/tables.html#columns">das W3C bei col-Tags nur die CSS-Eigenschaften</a> border, background, width und visibility zulässt. Warum auch immer (Hey! Gut, dass ich die Hintergrundfarbe ändern kann. Blöd nur, dass ich die Schriftfarbe nicht daran anpassen kann!). Ich hoffe, dass sich da was in CSS 3 ändert (das sich in 10 Jahren dann vielleicht auch mal etabliert hat &mdash; Hey! 21. Jahrhundert und so).</p>
<p>Die Lösung war dann schliesslich den Selektor &bdquo;+&ldquo; zu verwenden, so werden die Styles auf td-Elemente angewandt, die auf td-Elemente folgen. Das passt genau, denn ich wollte alle Spalten ausser die erste nach rechts ausrichten. Hier ist der Code dazu:</p>
<pre><code>table.ergebnisse td + td {
	text-align: right;
}</code></pre>
<p>Den Selektor kann man natürlich auch noch mehrmals hintereinander anwenden um nur Spalten, die noch weiter hinten sind zu erreichen. </p>
<p>So bin ich dann doch noch zu meiner Tabelle gekommen. Das Ergebnis ist übrigens <a href="http://triiila.de/2008/09/15/review-erich-fill-triathlon/">hier bei Jakobs Triathlon Blog</a> zu finden.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.davidlanger.de/webdesign/tabellenspalten-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jParallax</title>
		<link>http://blog.davidlanger.de/webdesign/jparallax/</link>
		<comments>http://blog.davidlanger.de/webdesign/jparallax/#comments</comments>
		<pubDate>Thu, 04 Sep 2008 16:46:08 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://davidlanger.de/?p=119</guid>
		<description><![CDATA[
Für meine Lieblings-JavaScript-Biblothek jQuery gibt es ein nettes Add-On namens jParallax. Damit kann man ganz einfach ein Fenster (im wahrsten Sinne des Wortes) in eine dreidimensionale Umgebung machen, die z.B. aus Bildern besteht. Mir fällt nur keine sinnvolle Anwendung dafür ein &#8212; ausser Bilder verdreidimensionalisieren. Demo anschauen, Maus bewegen und sich freuen!
]]></description>
			<content:encoded><![CDATA[<p><a href="http://webdev.stephband.info/parallax.html" class="image-link"><img class="picture" src="http://davidlanger.de/wp-content/uploads/2008/09/parallax.jpg" alt="parallax.jpg" width="420" height="128" /></a></p>
<p>Für meine Lieblings-JavaScript-Biblothek <a href="http://jquery.com">jQuery</a> gibt es ein nettes <a href="http://webdev.stephband.info/parallax.html">Add-On namens jParallax</a>. Damit kann man ganz einfach ein Fenster (im wahrsten Sinne des Wortes) in eine dreidimensionale Umgebung machen, die z.B. aus Bildern besteht. Mir fällt nur keine sinnvolle Anwendung dafür ein &mdash; ausser Bilder verdreidimensionalisieren. Demo anschauen, Maus bewegen und sich freuen!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.davidlanger.de/webdesign/jparallax/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Stirb IE6! Stirb!</title>
		<link>http://blog.davidlanger.de/webdesign/stirb-ie6-stirb/</link>
		<comments>http://blog.davidlanger.de/webdesign/stirb-ie6-stirb/#comments</comments>
		<pubDate>Mon, 07 Jul 2008 22:20:49 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://davidlanger.de/?p=87</guid>
		<description><![CDATA[
Die Leute bei 37signals machen es richtig: Sie unterstützen ab 15. August Internet Explorer 6 nicht mehr. Way to go! Nervt mich im Moment mit seinem fehlenden PNG-Support (bei Hintergrundbildern).
]]></description>
			<content:encoded><![CDATA[<p><a href='http://37signals.blogs.com/products/2008/07/basecamp-phasin.html' class="image-link"><img src="http://davidlanger.de/wp-content/uploads/2008/07/ie6.jpg" alt="" title="Internet Explorer" width="420" height="128" /></a></p>
<p>Die Leute bei 37signals machen es richtig: <a href="http://37signals.blogs.com/products/2008/07/basecamp-phasin.html">Sie unterstützen ab 15. August Internet Explorer 6 nicht mehr</a>. Way to go! Nervt mich im Moment mit seinem fehlenden PNG-Support (bei Hintergrundbildern).</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.davidlanger.de/webdesign/stirb-ie6-stirb/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WTF!</title>
		<link>http://blog.davidlanger.de/webdesign/wtf/</link>
		<comments>http://blog.davidlanger.de/webdesign/wtf/#comments</comments>
		<pubDate>Sun, 01 Jun 2008 13:06:41 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://davidlanger.de/?p=74</guid>
		<description><![CDATA[
Nein! Nicht das was ihr denkt. Es geht um What The Font, eine Seite, die Schriften auf Bildern erkennt und einem dann sagt, um welche Schriftart es sich dabei handelt. Das klappt wirklich erstaunlich gut, hab es gerade das erstemal benutzt und hat direkt das richtige Ergebnis geliefert &#8230; Leider kostet halt die Schriftart 27,&#8211; [...]]]></description>
			<content:encoded><![CDATA[<p><a href='http://whatthefont.com' class="border"><img src="http://davidlanger.de/wp-content/uploads/2008/06/wtf.jpg" alt="What the Font" title="wtf" width="420" height="128" class="alignnone size-full wp-image-75" /></a></p>
<p>Nein! Nicht das was ihr denkt. Es geht um <a href="http://whatthefont.com">What The Font</a>, eine Seite, die Schriften auf Bildern erkennt und einem dann sagt, um welche Schriftart es sich dabei handelt. Das klappt wirklich erstaunlich gut, hab es gerade das erstemal benutzt und hat direkt das richtige Ergebnis geliefert &#8230; Leider kostet halt die Schriftart 27,&#8211; € ;)</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.davidlanger.de/webdesign/wtf/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ska&#8217;n&#039;dalös!</title>
		<link>http://blog.davidlanger.de/webdesign/skandalos/</link>
		<comments>http://blog.davidlanger.de/webdesign/skandalos/#comments</comments>
		<pubDate>Thu, 20 Sep 2007 20:06:14 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://davidlanger.de/2007/09/20/skandalos/</guid>
		<description><![CDATA[
Skandöls, zwei Posts an einem Tag! :D Naja, Succinct war eigentlich verspätet, das war schon länger fertig, habs nur verpennt hier zu posten.
Also zu Ska&#8217;n'dalös: Eine Ska-Band aus Idstein und Umgebung, die regelmässig bei Events in der Region auftritt und sich so eine stattliche Fan-Basis gründen konnte! Und genau um das weiter zu unterstützen, gabs [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.ska-n-daloes.de" class="border"><img src='http://davidlanger.de/wp-content/uploads/2007/09/ska-n-daloes-de.jpg' alt='Ska’n´dalös.de Preview' /></a></p>
<p>Skandöls, zwei Posts an einem Tag! :D Naja, <a href="http://davidlanger.de/2007/09/20/succinct/">Succinct</a> war eigentlich verspätet, das war schon länger fertig, habs nur verpennt hier zu posten.</p>
<p>Also zu <a href="http://www.ska-n-daloes.de">Ska&#8217;n'dalös</a>: Eine Ska-Band aus Idstein und Umgebung, die regelmässig bei Events in der Region auftritt und sich so eine stattliche Fan-Basis gründen konnte! Und genau um das weiter zu unterstützen, gabs jetzt eine neue Website &mdash; natürlich <a href="http://www.exosign.de">powered by exosign</a>. In den Sound der Band könnt ihr in der <a href="http://ska-n-daloes.de/index.php?page_id=8">Media-Sektion reinhören</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.davidlanger.de/webdesign/skandalos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Content-Aware Image Resizing</title>
		<link>http://blog.davidlanger.de/webdesign/content-aware-image-resizing/</link>
		<comments>http://blog.davidlanger.de/webdesign/content-aware-image-resizing/#comments</comments>
		<pubDate>Sat, 08 Sep 2007 11:03:32 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://davidlanger.de/?p=31</guid>
		<description><![CDATA[
Ich bin gerade über ein sehr interessantes Paper gestolpert (in einem Mac-Theming-Forum :D &#8211; keine Ahnung wie das da reinkam). Es dreht sich darum, dass bei Webseiten Text bereits von der Breite abhängig neugesetzt und angepasst wird &#8211; also die Zeilen beispielsweise kürzer werden, dafür der gesamte Text länger. Das könnt ihr auch auf dieser [...]]]></description>
			<content:encoded><![CDATA[<p><img src='http://davidlanger.de/wp-content/uploads/2007/09/caires.jpg' alt='Content-Aware Image Resizing' /></p>
<p>Ich bin gerade über ein sehr <a href="http://www.faculty.idc.ac.il/arik/imret.pdf" class="broken_link" >interessantes Paper</a> gestolpert (in einem <a href="http://www.macthemes2.net">Mac-Theming-Forum</a> :D &#8211; keine Ahnung wie das da reinkam). Es dreht sich darum, dass bei Webseiten Text bereits von der Breite abhängig neugesetzt und angepasst wird &#8211; also die Zeilen beispielsweise kürzer werden, dafür der gesamte Text länger. Das könnt ihr auch auf dieser Seite sehen, wenn ihr das Fenster eures Browsers einfach mal kleiner zieht. Euch wird auch auffallen, dass Bilder dabei stören, denn diese können nicht so passend verkleinert werden. Es gibt bereits Techniken die das können, aber dort verlieren die Bilder entweder ihren Sinn, weil das Wichtigste rausfällt oder sind verzerrt.</p>
<p>Und genau hier setzten Shai Avidan und Ariel Shamir an: Die beiden haben einen Algorithmus entwickelt, der Bilder so skaliert, dass der Inhalt bewahrt bleibt! In dem <a href="http://www.faculty.idc.ac.il/arik/IMRet-All.mov" class="broken_link" >zum Paper gehörenden Video</a> wird das wirklich gut gezeigt. Einer der beiden Entwickler wurde auch gleich <a href="http://www.techcrunch.com/2007/08/28/adobe-hires-co-inventor-of-image-resizer-technology/">bei Adobe unter Vertrag genommen</a> &#8211; es ist also zu hoffen, dass diese Funktion bald in einem Photoshop in eurer Nähe zur Verfügung steht!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.davidlanger.de/webdesign/content-aware-image-resizing/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Umstieg auf Wordpress</title>
		<link>http://blog.davidlanger.de/webdesign/umstieg-auf-wordpress/</link>
		<comments>http://blog.davidlanger.de/webdesign/umstieg-auf-wordpress/#comments</comments>
		<pubDate>Sun, 17 Jun 2007 10:39:34 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Mac]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://davidlanger.de/?p=16</guid>
		<description><![CDATA[Nach langer Zeit mal wieder was neues von mir! Ich habe gerade den Blog auf Wordpress umgestellt. Es gab letztlich doch zuviele nervige kleine Probleme mit Expression Engine. Da waren zum einen die trackback-Probleme, das hat nie wirklich geklappt und zum anderen war die RPC-Api mehr als schlecht. Mit dem neuen Wordpress kann ich auch [...]]]></description>
			<content:encoded><![CDATA[<p>Nach langer Zeit mal wieder was neues von mir! Ich habe gerade den Blog auf <a href="http://www.wordpress.org/">Wordpress</a> umgestellt. Es gab letztlich doch zuviele nervige kleine Probleme mit Expression Engine. Da waren zum einen die trackback-Probleme, das hat nie wirklich geklappt und zum anderen war die RPC-Api mehr als schlecht. Mit dem neuen Wordpress kann ich auch aus <a href="http://www.macromates.com/">Textmate</a> ganz einfach Blogposts schreiben. Das geht von Haus aus schon, aber noch einfacher gehts mit dem <a href="http://www.ditchnet.org/blogmate/">BlogMate-Plugin bzw. Bundle</a>. Dieses Plugin bietet ein kleines Panel, in dem man die Posts von der Website holen kann. Alte Posts bzw neue werden in Textmate einfach als Dateien geöffnet und dann ganz normal bearbeitet. Sobald man fertig ist nur noch &#8220;Send Post&#8221; klicken.</p>
<p>Ein paar alte Posts habe ich auch schon transferiert, damit es nicht ganz so leer aussieht &#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.davidlanger.de/webdesign/umstieg-auf-wordpress/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Meine alten Websites</title>
		<link>http://blog.davidlanger.de/webdesign/meine-alten-websites/</link>
		<comments>http://blog.davidlanger.de/webdesign/meine-alten-websites/#comments</comments>
		<pubDate>Fri, 02 Feb 2007 18:16:55 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://davidlanger.de/wordpress/?p=8</guid>
		<description><![CDATA[



Die Seiten sind alle in chonologischer Reihenfolge, aber teilweise nicht ganz gewissenhaft wieder zusammengeflickt. Ich finde es immer wieder toll zu sehen wie man sich entwickelt. Als nächstes müsste ich dann ja mal „Work“ vervollständigen.
]]></description>
			<content:encoded><![CDATA[<p><a href="http://davidlanger.de/wp-content/uploads/2007/06/1.png" title="zyklo.org v1"><img src="http://davidlanger.de/wp-content/uploads/2007/06/1-thumb.jpg" alt="zyklo.org v1 Thumbnail" /></a></p>
<p><a href="http://davidlanger.de/wp-content/uploads/2007/06/2.png" title="zyklo.org v2 "><img src="http://davidlanger.de/wp-content/uploads/2007/06/2-thumb.jpg" alt="zyklo.org v2 Thumbnail" /></a></p>
<p><a href="http://davidlanger.de/wp-content/uploads/2007/06/3.png" title="zyklo.org v3"><img src="http://davidlanger.de/wp-content/uploads/2007/06/3-thumb.jpg" alt="zyklo.org v3" /></a></p>
<p><a href="http://davidlanger.de/wp-content/uploads/2007/06/4.png" title="zyklo.org v4"><img src="http://davidlanger.de/wp-content/uploads/2007/06/4-thumb.jpg" alt="zyklo.org v4" /></a></p>
<p>Die Seiten sind alle in chonologischer Reihenfolge, aber teilweise nicht ganz gewissenhaft wieder zusammengeflickt. Ich finde es immer wieder toll zu sehen wie man sich entwickelt. Als nächstes müsste ich dann ja mal „Work“ vervollständigen.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.davidlanger.de/webdesign/meine-alten-websites/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
