<?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>David Czihak</title>
	<atom:link href="http://blog.davidczihak.at/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.davidczihak.at</link>
	<description>Ein weiteres tolles WordPress-Blog</description>
	<lastBuildDate>Wed, 13 Jan 2010 12:28:04 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Wait Until All Images Have Finished Loading</title>
		<link>http://blog.davidczihak.at/294/wait-until-all-images-have-finished-loading/</link>
		<comments>http://blog.davidczihak.at/294/wait-until-all-images-have-finished-loading/#comments</comments>
		<pubDate>Wed, 13 Jan 2010 12:24:10 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Breit]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[MooTools]]></category>

		<guid isPermaLink="false">http://blog.davidczihak.at/?p=294</guid>
		<description><![CDATA[If your JavaScript function should be fired once all images in a container have finished loading, the implementation sounds easy. In fact, it is easy. I will show you how to code it using MooTools.]]></description>
			<content:encoded><![CDATA[<p>If your JavaScript function should be fired once all images in a container have finished loading, the implementation sounds easy. In fact, it is easy. I use MooTools for the explanation.</p>
<pre><code>var container = $('container');
var tempImageResponse = 0;
</code></pre>
<p>The <code>tempImageResponse</code> variable contains the number of images which finished loading.</p>
<p>Let&#8217;s hide the container and fade it in when all images have finished loading.</p>
<pre><code>container.setStyle('opacity', 0);
</code></pre>
<p>Now here comes the tricky part. The each function goes through all images inside the container.</p>
<pre><code>container.getElements('img').each(function(e){
    e.addEvent('load', function(){
        tempImageResponse++;
        if (tempImageResponse == container.getElements('img').lengts) {
            object.morph({'opacity': 1});
        }
    }.bind(this));
}.bind(this));
</code></pre>
<p>Each image recieves an <code>onload</code> function which does two things: It increments the <code>tempImageResponse</code> variable by 1. And it checks if the variable value is the same as the <code>getElements('img')</code> array length … which would mean that all images finished loading and the code can be executed.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.davidczihak.at/294/wait-until-all-images-have-finished-loading/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Denkmal für die ermordeten Juden Europas</title>
		<link>http://blog.davidczihak.at/273/denkmal-fur-die-ermordeten-juden-europas/</link>
		<comments>http://blog.davidczihak.at/273/denkmal-fur-die-ermordeten-juden-europas/#comments</comments>
		<pubDate>Tue, 05 Jan 2010 18:23:57 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[Berlin]]></category>
		<category><![CDATA[Denkmal]]></category>

		<guid isPermaLink="false">http://blog.davidczihak.at/?p=273</guid>
		<description><![CDATA[<img src="http://blog.davidczihak.at/wp-content/uploads/2010/01/Denkmal.png" alt="" title="" width="400" height="533" class="alignnone size-full wp-image-274" />]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.davidczihak.at/wp-content/uploads/2010/01/Denkmal.png" alt="" title="" width="400" height="533" class="alignnone size-full wp-image-274" /></p>
<p>Kein anderes Denkmal hat so eine starke Atmosphäre wie das Denkmal für die ermordeten Juden Europas in Berlin. 2711 Betonsäulen sind mit leichter Neigung aufgestellt, dazwischen kann man durchgehen und findet vielleicht auch den richtigen Weg zurück.</p>
<p>Trotz Tageslicht ist es ganz schön düster zwischen den Säulen – man hat einfach keinen Überblick mehr. Die Säulen ragen nicht in die Höhe sondern der Boden geht in die Tiefe, an manchen Stellen sogar mehr als vier Meter.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.davidczihak.at/273/denkmal-fur-die-ermordeten-juden-europas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Vastness</title>
		<link>http://blog.davidczihak.at/265/vastness/</link>
		<comments>http://blog.davidczihak.at/265/vastness/#comments</comments>
		<pubDate>Wed, 30 Dec 2009 12:50:29 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Foto]]></category>
		<category><![CDATA[Photography]]></category>
		<category><![CDATA[Vastness]]></category>

		<guid isPermaLink="false">http://blog.davidczihak.at/?p=265</guid>
		<description><![CDATA[<img src="http://blog.davidczihak.at/wp-content/uploads/2009/12/IMG_2648-1.jpg" alt="" title="Vastness" width="400" height="225" class="alignnone size-full wp-image-267" />]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.davidczihak.at/wp-content/uploads/2009/12/IMG_2648.jpg" alt="" width="820" height="461" class="alignnone size-full wp-image-266" /></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.davidczihak.at/265/vastness/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adoration</title>
		<link>http://blog.davidczihak.at/259/adoration/</link>
		<comments>http://blog.davidczihak.at/259/adoration/#comments</comments>
		<pubDate>Tue, 22 Dec 2009 16:32:39 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Foto]]></category>
		<category><![CDATA[Adoration]]></category>
		<category><![CDATA[Photography]]></category>

		<guid isPermaLink="false">http://blog.davidczihak.at/?p=259</guid>
		<description><![CDATA[<img src="http://blog.davidczihak.at/wp-content/uploads/2009/12/IMG_4034.jpg" alt="" title="Adoration" width="400" height="267" class="alignnone size-full wp-image-261" />]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.davidczihak.at/wp-content/uploads/2009/12/IMG_4034-1.jpg" alt="" title="Adoration" width="820" height="547" class="alignnone size-full wp-image-260" /></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.davidczihak.at/259/adoration/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>9–99?</title>
		<link>http://blog.davidczihak.at/216/9%e2%80%9399/</link>
		<comments>http://blog.davidczihak.at/216/9%e2%80%9399/#comments</comments>
		<pubDate>Fri, 11 Dec 2009 22:16:25 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Allgemein]]></category>

		<guid isPermaLink="false">http://blog.davidczihak.at/?p=216</guid>
		<description><![CDATA[I wonder who first used the description 9–99 years for board games, this is where discrimination starts. Who cares? Nobody, it is just a matter of principle.
]]></description>
			<content:encoded><![CDATA[<p>I wonder who first used the description 9–99 years for board games, this is where discrimination starts. Who cares? Nobody, it is just a matter of principle.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.davidczihak.at/216/9%e2%80%9399/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Museo Slab released</title>
		<link>http://blog.davidczihak.at/214/museo-slab-released/</link>
		<comments>http://blog.davidczihak.at/214/museo-slab-released/#comments</comments>
		<pubDate>Thu, 10 Dec 2009 15:24:06 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Link]]></category>

		<guid isPermaLink="false">http://blog.davidczihak.at/?p=214</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[]]></content:encoded>
			<wfw:commentRss>http://blog.davidczihak.at/214/museo-slab-released/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Premd Beta 2</title>
		<link>http://blog.davidczihak.at/211/premd-beta-2/</link>
		<comments>http://blog.davidczihak.at/211/premd-beta-2/#comments</comments>
		<pubDate>Fri, 04 Dec 2009 16:36:20 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Link]]></category>

		<guid isPermaLink="false">http://blog.davidczihak.at/?p=211</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[]]></content:encoded>
			<wfw:commentRss>http://blog.davidczihak.at/211/premd-beta-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ARS Electronica</title>
		<link>http://blog.davidczihak.at/189/ars-electronica/</link>
		<comments>http://blog.davidczihak.at/189/ars-electronica/#comments</comments>
		<pubDate>Wed, 02 Dec 2009 20:13:56 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Foto]]></category>
		<category><![CDATA[Architecture]]></category>
		<category><![CDATA[Monochrome]]></category>
		<category><![CDATA[Photography]]></category>

		<guid isPermaLink="false">http://blog.davidczihak.at/?p=189</guid>
		<description><![CDATA[<img src="http://blog.davidczihak.at/wp-content/uploads/2009/12/13A.jpg" alt="ARS Electronica" title="ARS Electronica" width="400" height="400" class="alignnone size-full wp-image-191" />]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.davidczihak.at/wp-content/uploads/2009/12/13A-full.jpg" alt="" title="" width="820" height="820" class="alignnone size-full wp-image-190" /></p>
<p>Agfa Scala 200 ASA | Nikon FE</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.davidczihak.at/189/ars-electronica/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Architecture</title>
		<link>http://blog.davidczihak.at/184/architecture/</link>
		<comments>http://blog.davidczihak.at/184/architecture/#comments</comments>
		<pubDate>Tue, 01 Dec 2009 19:09:37 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Foto]]></category>
		<category><![CDATA[Architecture]]></category>
		<category><![CDATA[Monochrome]]></category>
		<category><![CDATA[Photography]]></category>

		<guid isPermaLink="false">http://blog.davidczihak.at/?p=184</guid>
		<description><![CDATA[<img src="http://blog.davidczihak.at/wp-content/uploads/2009/12/11A.jpg" alt="" title="" width="400" height="266" class="alignnone size-full wp-image-183" />]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.davidczihak.at/wp-content/uploads/2009/12/11A-1.jpg" alt="" title="" width="820" height="546" class="alignnone size-full wp-image-182" /></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.davidczihak.at/184/architecture/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Premd.</title>
		<link>http://blog.davidczihak.at/166/premd/</link>
		<comments>http://blog.davidczihak.at/166/premd/#comments</comments>
		<pubDate>Sat, 28 Nov 2009 20:09:16 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Link]]></category>
		<category><![CDATA[Markdown]]></category>
		<category><![CDATA[Premd]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://blog.davidczihak.at/?p=166</guid>
		<description><![CDATA[Preprocessed Markdown.

Premd allows you to instantly view Markdown pages without writing a single line of additional code. Accessing the <code>.md</code>, <code>.mkdn</code> or <code>.markdown</code> file directly will display the rendered HTML page instead of md code. Viewing the raw, unparsed file is possible by adding <code>/raw</code> to the url. <code>example.md/raw</code>

The idea was to be able to create HTML pages extremely fast – by using Markdown. Code on <a href="http://github.com/dc/premd">github</a>.]]></description>
			<content:encoded><![CDATA[<p>Preprocessed Markdown.</p>
<p>Premd allows you to instantly view Markdown pages without writing a single line of additional code. Accessing the <code>.md</code>, <code>.mkdn</code> or <code>.markdown</code> file directly will display the rendered HTML page instead of md code. Viewing the raw, unparsed file is possible by adding <code>/raw</code> to the url. <code>example.md/raw</code></p>
<p>The idea was to be able to create HTML pages extremely fast – by using Markdown. Code on <a href="http://github.com/dc/premd">github</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.davidczihak.at/166/premd/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Katze</title>
		<link>http://blog.davidczihak.at/156/katze/</link>
		<comments>http://blog.davidczihak.at/156/katze/#comments</comments>
		<pubDate>Thu, 26 Nov 2009 17:07:18 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Foto]]></category>

		<guid isPermaLink="false">http://blog.davidczihak.at/?p=156</guid>
		<description><![CDATA[<img src="http://blog.davidczihak.at/wp-content/uploads/2009/11/37A.jpg" alt="Katze" title="Katze" width="400" height="267" class="alignnone size-full wp-image-157" />]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.davidczihak.at/wp-content/uploads/2009/11/37A-2.jpg" alt="Katze" title="Katze" width="820" height="546" class="alignnone size-full wp-image-164" /></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.davidczihak.at/156/katze/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Der Mythos der Skalierbarkeit</title>
		<link>http://blog.davidczihak.at/84/scalable-ui/</link>
		<comments>http://blog.davidczihak.at/84/scalable-ui/#comments</comments>
		<pubDate>Thu, 19 Nov 2009 06:07:43 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://blog.davidczihak.at/?p=84</guid>
		<description><![CDATA[Skalierbare Benutzeroberflächen und Webseiten existieren praktisch nicht. Leider, denn sie hätten ein großes Potential.]]></description>
			<content:encoded><![CDATA[<p>Apple hatte schon einmal sehr gute Ansätze einer skalierbaren Benutzeroberfläche, unter Leopard konnte man TextEdit mit folgendem Code sehr schön skalieren:</p>
<pre><code>defaults write com.apple.TextEdit AppleDisplayScaleFactor 2.0
</code></pre>
<p>Einfach in einer Zeile in Terminal eingeben und TextEdit neu starten.<br />
Mit folgendem Ergebnis:</p>
<p><img src="http://blog.davidczihak.at/wp-content/uploads/2009/11/txt2.jpg" alt="TextEdit" title="TextEdit" width="400" height="400" class="alignnone size-full wp-image-87" /></p>
<p>Unter Snow Leopard wird die Titelleiste jedoch nicht mitskaliert. Wieso Apple das Skalieren nicht weiter ausbaut sondern vernachlässigt, ist mir nicht ganz klar. Das finde ich eigentlich sehr schwach, denn Menschen mit Sehschwäche kann man wirklich keinen Mac empfehlen.</p>
<p><img src="http://blog.davidczihak.at/wp-content/uploads/2009/11/txt3.jpg" alt="TextEdit Snow Leopard" title="TextEdit Snow Leopard" width="400" height="320" class="alignnone size-full wp-image-88" /></p>
<p>In Cocoa ließe sich das doch relativ einfach mit dem <code>NSBezierPath</code> umsetzen.</p>
<p>Auch in Windows kann man skalieren: In den Systemsteuerungen befindet sich irgendwo die Einstellung „DPI“, mit der man an der Größe drehen kann. Im Gegensatz zu Apple ist diese Option sogar halbwegs ausgereift.</p>
<p><img src="http://blog.davidczihak.at/wp-content/uploads/2009/11/win2.jpg" alt="Windows DPI 200%" title="Windows DPI 200%" width="400" height="545" class="alignnone size-full wp-image-107" /></p>
<p>Für Webseiten kann man dank CSS3 und WebKit eine skalierbare Oberfläche mit Verläufen und abgerundeten Ecken in reinem CSS realisieren. Mit HTML5-Canvas und SVG kann man sogar Vektoren und Formen zeichnen. <a href="http://wiki.github.com/sorccu/cufon/about" rel="external">Cufón</a> benutzt SVG zum Einbetten von Schriften.<br />
Diese Methoden funktionieren allerdings nicht in allen Browsern.</p>
<p>Ehrlich gesagt &#8212; ich finde Skalieren bei Webseiten nur am iPhone notwendig, denn da kann man so schön heranzoomen.</p>
<p><strong>Weitere Informationen:</strong></p>
<ul>
<li><a href="http://www.peterkroener.de/html5-was-geht-heute-schon-was-geht-nicht-der-grosse-ueberblick/"rel="external">HTML5</a></li>
<li><a href="http://www.css3.info/" rel="external">CSS3</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.davidczihak.at/84/scalable-ui/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>DJ Hero Turntable</title>
		<link>http://blog.davidczihak.at/77/dj-hero-turntable/</link>
		<comments>http://blog.davidczihak.at/77/dj-hero-turntable/#comments</comments>
		<pubDate>Wed, 18 Nov 2009 20:26:55 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[Music]]></category>

		<guid isPermaLink="false">http://blog.davidczihak.at/?p=77</guid>
		<description><![CDATA[<img src="http://blog.davidczihak.at/wp-content/uploads/2009/11/dj-hero.jpg" alt="DJ Hero Controller" title="DJ Hero Controller" width="400" height="225" class="alignnone size-full wp-image-69" />

<a href="http://www.djhero.com/" rel="external">Awesome Turntable.</a>]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.davidczihak.at/wp-content/uploads/2009/11/dj-hero.jpg" alt="DJ Hero Controller" title="DJ Hero Controller" width="400" height="225" class="alignnone size-full wp-image-69" /></p>
<p><a href="http://www.djhero.com/" rel="external">Awesome Turntable.</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.davidczihak.at/77/dj-hero-turntable/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
