<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>pixelspace.org</title>
	
	<link>http://www.pixelspace.org</link>
	<description>visualization, programming &amp; art</description>
	<lastBuildDate>Thu, 19 Aug 2010 13:49:06 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
<meta xmlns="http://www.w3.org/1999/xhtml" name="robots" content="noindex,follow" />
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/Pixelspaceorg/de" /><feedburner:info uri="pixelspaceorg/de" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>Let’s Take A Flight</title>
		<link>http://feedproxy.google.com/~r/Pixelspaceorg/de/~3/murEAyAKbdo/</link>
		<comments>http://www.pixelspace.org/2010/08/lets-take-a-flight/#comments</comments>
		<pubDate>Wed, 18 Aug 2010 15:05:03 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
				<category><![CDATA[allgemein]]></category>
		<category><![CDATA[games]]></category>

		<guid isPermaLink="false">http://www.pixelspace.org/?p=1319</guid>
		<description><![CDATA[Mit der Auflösung der Aces Studios in Redmond, Washington im Januar 2009 wurde eine 28 jährige Entwicklung seitens Microsoft beendet. Die Entwicklung des Microsoft Flight Simulators wurde offiziell eingestellt. Die Enttäuschug vieler Fans war riesig, so auch meine. Denn schließlich wurde, nicht zuletzt durch eine DirectX 10 Vorschau, die Hoffnung auf eine spannende Weiterführung der [...]]]></description>
			<content:encoded><![CDATA[<p>Mit der <a href="http://www.gamasutra.com/php-bin/news_index.php?story=21971">Auflösung</a> der <a title="Microsoft Game Studios" rel="homepage" href="http://www.microsoft.com/games/">Aces Studios</a> in <a title="Redmond, Washington" rel="geolocation" href="http://maps.google.com/maps?ll=47.6694444444,-122.123888889&amp;spn=0.1,0.1&amp;q=47.6694444444,-122.123888889%20%28Redmond%2C%20Washington%29&amp;t=h">Redmond, Washington</a> im Januar 2009 wurde eine 28 jährige Entwicklung seitens <a title="Microsoft" rel="geolocation" href="http://maps.google.com/maps?ll=47.6395972222,-122.12845&amp;spn=1.0,1.0&amp;q=47.6395972222,-122.12845%20%28Microsoft%29&amp;t=h">Microsoft</a> beendet. Die Entwicklung des Microsoft Flight Simulators wurde offiziell eingestellt. Die Enttäuschug vieler Fans war riesig, so auch meine. Denn schließlich wurde, nicht zuletzt durch eine <a title="DirectX" rel="wikipedia" href="http://en.wikipedia.org/wiki/DirectX">DirectX 10</a> Vorschau, die Hoffnung auf eine spannende Weiterführung der Serie gemacht. Diese Hoffnungen zerplatzen und mussten dem Stellenabbau, bedingt durch die Wirtschaftskrise, so Microsoft, weichen. Dennoch sollten die Entwicklung von Flugsimulationen nicht komplett vom Programm gestrichen werden. So fügte man damals hinzu:</p>
<blockquote><p>You should expect us to continue to invest in enabling great LIVE  experiences on Windows, including flying games, but we have nothing  specific to announce at this time.</p>
<p style="text-align: right;">via <a href="http://www.gamasutra.com/php-bin/news_index.php?story=21971">Gamasutra.com</a></p>
</blockquote>
<p>Die Schließung der Aces Studios war ein harter Schlag für die Fangemeinde, bedeutete jedoch nicht das Aus für den <a title="Flight simulator" rel="wikipedia" href="http://en.wikipedia.org/wiki/Flight_simulator">Flight Simulator</a>, denn schon seit Jahren werden unzählige Add-ons auf verschiedenen Seiten als Freeware aber auch kostenpflichtig <a href="http://www.surclaro.com/">geteilt</a> und <a href="http://secure.simmarket.com/default-de.html">vertrieben</a>. Die teilweise sehr ambitionierten 3rd-Party Entwicklungen, wie zum Beispiel <a href="http://www.projectopensky.com/">Project Opensky</a>, haben zahlreiche fantastische Add-ons für den <a title="Microsoft Flight Simulator" rel="homepage" href="http://www.microsoft.com/games/flightsimulatorx/">Microsoft Flight Simulator X</a> (2006), aber auch dessen Vorgängerversionen <a href="http://en.wikipedia.org/wiki/History_of_Microsoft_Flight_Simulator#Flight_Simulator_2004:_A_Century_of_Flight">MSFS 2004</a> und <a href="http://en.wikipedia.org/wiki/History_of_Microsoft_Flight_Simulator#Flight_Simulator_2002">MSFS 2002</a>.</p>
<p>Viele <a href="http://de.wikipedia.org/wiki/Microsoft_Flight_Simulator#Alternativen_zu_Microsoft_Flight_Simulator">Alternativen zum Microsoft Flight Simulator</a> gibt es ja nun doch nicht mehr und Experimente, wie <a href="http://www.microsoft.com/Games/crimsonskies/">Crimson Skies</a> oder <a href="http://de.wikipedia.org/wiki/Tom_Clancy’s_H.A.W.X">Tom Clancy&#8217;s H.A.W.X</a>, zähle ich definitiv dazu.</p>
<p>Auch die Firma <a href="http://www.aerosoft.de">Aerosoft</a> <a href="http://www.forum.aerosoft.com/index.php?showtopic=25954&amp;st=240">prüfte</a> unterdessen die Machbarkeit eines eigenen Flugsimulators. Mit der langjährigen Erfahrung, welche die Entwickler unterdessen sammeln konnten, erschien auch dieser Ansatz sehr vielversprechend.</p>
<p>Doch gestern gab es eine <a href="http://www.microsoft.com/games/flight/">Ankündigung</a> die bei vielen Fans für Euphorie sorgte. Microsoft führt die Entwicklung nun scheinbar doch weiter. <a href="http://en.wikipedia.org/wiki/Microsoft_Flight"> Microsoft Flight</a> soll das neue Projekt heißen, welches erstmals zur <a title="Gamescom" rel="homepage" href="http://www.gamescom-cologne.com/">Gamescom</a> 2010 in <a title="Cologne" rel="wikipedia" href="http://en.wikipedia.org/wiki/Cologne">Köln</a> mit einem Render-Trailer angekündigt wurde.</p>
<p><iframe class="youtube-player" type="text/html" width="565" height="343" src="http://www.youtube.com/embed/QbwdJeEWnn8?hl=de_DE&#038;hd=1&#038;ap=%2526fmt%3D22" frameborder="0"></iframe></p>
<p>Derzeit hält Microsoft sich noch sehr bedeckt, was weitere Fakten angeht. Scheinbar soll das <a href="http://en.wikipedia.org/wiki/Microsoft_Games_Studio">Microsoft Games Studio</a> die Entwicklung übernehmen. Man darf also gespannt sein, vielleicht gelingt es ja, sich das Vertrauen der Fangemeinde zu erarbeiten und eine angemessene Weiterführung der Serie zu gestalten. Einen schönen Überblick zur Geschichte des Microsoft Flight Simulators gibt es übrigens <a href="http://fshistory.simflight.com/fsh/versions.htm">hier</a>.</p>
<img src="http://feeds.feedburner.com/~r/Pixelspaceorg/de/~4/murEAyAKbdo" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.pixelspace.org/2010/08/lets-take-a-flight/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.pixelspace.org/2010/08/lets-take-a-flight/</feedburner:origLink></item>
		<item>
		<title>The Wire</title>
		<link>http://feedproxy.google.com/~r/Pixelspaceorg/de/~3/w-qOQwTr1Sk/</link>
		<comments>http://www.pixelspace.org/2010/06/the-wire/#comments</comments>
		<pubDate>Tue, 22 Jun 2010 17:43:59 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
				<category><![CDATA[serien]]></category>
		<category><![CDATA[drama]]></category>
		<category><![CDATA[serie]]></category>
		<category><![CDATA[wire]]></category>

		<guid isPermaLink="false">http://www.pixelspace.org/?p=1074</guid>
		<description><![CDATA[The Wire  ist eine U.S. amerikanische TV-Serie die über die Länge von 5 Staffeln produziert und von 2002 bis 2008 im amerikanischen Fernsehen ausgestrahlt wurde. Durch einen Zufall bin ich auf IMdb auf die Serie aufmerksam geworden und war erstaunt über die durchweg positiven Kritiken.]]></description>
			<content:encoded><![CDATA[<div class="wp-caption alignleft" style="width: 140px"><a href="http://www.amazon.de/gp/product/B002Y4MSRI?ie=UTF8&amp;tag=pixelspaceorg-21&amp;linkCode=as2&amp;camp=1638&amp;creative=19454&amp;creativeASIN=B002Y4MSRI"><img src="http://www.pixelspace.org/wp-content/uploads/2010/06/51GqWhsJz3L._SL160_.jpg" alt="" width="130" height="130" /></a><p class="wp-caption-text">THE WIRE von HBO</p></div>
<p><a href="http://en.wikipedia.org/wiki/The_Wire">The Wire</a> ist eine U.S. amerikanische TV-Serie die über die Länge von 5 Staffeln produziert und von 2002 bis 2008 im amerikanischen Fernsehen ausgestrahlt wurde. Durch einen Zufall bin ich auf <a href="http://www.imdb.de/title/tt0306414/">IMdb</a> auf die Serie aufmerksam geworden und war erstaunt über die durchweg <a href="http://www.metacritic.com/tv/shows/wireseason4?q=the%20wire">positiven</a> Kritiken. Das hat mich motiviert, noch ein wenig <a href="http://www.faz.net/s/Rub642140C3F55544DE8A27F0BD6A3C808C/Doc~EEC9218BC635D4CFE9416D2AFFCF985BF~ATpl~Ecommon~Scontent.html">mehr</a> zu recherchieren und &#8220;schwuppdiwupp&#8221;  prasselten die <a href="http://en.wikipedia.org/wiki/List_of_awards_and_nominations_received_by_The_Wire">Nominierungen und Auszeichnungen</a> dieser Serie nur so auf meinen Bildschirm nieder. In kürzester Zeit war ich davon überzeugt, dass die Serie meinen Geschmack treffen könnte, nicht nur aufgrund der extrem guten Kritiken, sondern vor allem auch wegen des interessanten Themas.</p>
<blockquote><p>Der Titel der Serie bezieht sich auf die Polizeitaktik des Abhörens von Verdächtigen und auf die komplexen Beziehungen zwischen Polizei, Politik, Kriminalität und Öffentlichkeit.</p>
<p style="margin: 0; text-align: right;"><a title="Wikipedia" href="http://de.wikipedia.org/wiki/The_Wire">Wikipedia (de)</a></p>
</blockquote>
<p><em>The Wire</em> spielt in <a title="Baltimore" href="http://de.wikipedia.org/wiki/Baltimore"> Baltimore</a>, <a title="Maryland" href="http://de.wikipedia.org/wiki/Maryland">Maryland</a> und wurde auch dort produziert. Eigentlich spielt die Serie vielmehr in den sozialen Brennpunkten (u.a. dem Hafenviertel) von Baltimore, die durch verfallene Bauten, Armut und  Drogenhandel geprägt sind. Die zuständige Polizei hat ein großes Problem mit der Bekämpfung dieser organsierten Netze von Drogendealern und vor allem deren Hintermänner, welche Minderjährige vorschicken, um die Drogen zu verkaufen.</p>
<div class="wp-caption alignleft" style="width: 257px"><a href="http://en.wikipedia.org/wiki/File:TheWire32.jpg"><img class="     " title="Das Ermittlerteam" src="http://upload.wikimedia.org/wikipedia/en/d/dc/TheWire32.jpg" alt="Die Ermittler" width="247" height="154" /></a><p class="wp-caption-text">Das Ermittlerteam der Polizei - Image via Wikipedia</p></div>
<p><em>The Wire</em> ist besonders deswegen interessant, weil dieser Polizeialltag auch zunächst sehr monoton dargestellt wird. Keine wilden Verfolgungsjagden, keine Schießereien mit Maschinenengewehren und vermeintlichen <a href="http://de.wikipedia.org/wiki/Rambo_%28Film%29">Rambos</a>, keine Superheldenstories à la <a href="http://de.wikipedia.org/wiki/24_%28Fernsehserie%29">24</a>. Vielmehr werden die Papierkämpfe, interne Probleme aber auch die Problematik der Politik und Öffentlichkeit in den Vordergrund gerückt. Stark inszeniert wird so die Ohnmacht der Polizei verdeutlicht, deren Alltag von der stetigen Suche nach hieb- und stichfesten Beweisen gegen das  organisierte Verbrechen geprägt ist. Das <a href="http://de.wikipedia.org/wiki/Abh%C3%B6ren">Abhören</a> von Telefonaten und das Dekodieren von gesprochenen Wortfetzen bestimmt die Arbeit der Beamten und wird stets von politischen Einflüssen gebremst. Alles wirkt wie ein großes <a href="http://de.wikipedia.org/wiki/Schach">Schachspiel</a>, bei dem man nur darauf wartet, dass einer den ersten Fehler macht. Was für einige zunächst als schleppender Einstieg in die Serie wahrgenommen wird, ist für andere eine perfekte Einführung in eine zwar ganz alltägliche Story, jedoch <a href="http://www.faz.net/-00m1cq">nicht ganz so alltägliche Fernsehserie</a>.</p>
<div class="wp-caption alignright" style="width: 257px"><a href="http://en.wikipedia.org/wiki/File:Wire07.jpg"><img class="   " title="Die Barksdale Crew" src="http://upload.wikimedia.org/wikipedia/en/8/82/Wire07.jpg" alt="" width="247" height="154" /></a><p class="wp-caption-text">Die Barksdale Crew - eine der Gangs aus dem Milieu -  Image via Wikipedia</p></div>
<p>Besonders spannend und komplex wird die Erzählung dann, wenn man immer mehr von den Motiven der Gegenspieler sowie deren Hintermänner erfährt. Die Neutralität dieser Erzählungen und die enorm detaillierte Schilderung der Motivationen sowie Handlungsoptionen einzelner Personen und die konsequente Verweigerung von Schwarzweißmalerei ist sicherlich auch ein wesentlicher Aspekt, weshalb die Serie so gut rezipiert wird. Denn die verschiedenen Handlungsstränge erfordern ein hohes Maß an Aufmerksamkeit, um die Verwicklungen und Konstellationen nachvollziehen zu können. Und ganz klar ist auch, dass die lange Einführung dazu führt, dass verschiedene kleine Teile der Story und verschiedene Personen erst später in einem Hauptstrang verbunden werden. Hier kann man auch einige Zuschauer verlieren, denn das erfordert zunächst etwas Geduld, zahlt sich dann jedoch umso mehr aus. Denn wenn man in der Lage ist, in den einzelnen Stories ein großes gemeinsames Netz zu sehen, entfaltet sich das gesamte Potenzial dieser Serie. Besonders deutlich wird dann auch der <a href="http://reason.com/archives/2004/10/01/david-simon-says">politische und soziale Einschlag</a> sowie die kritische Positionierung gegenüber dem vorherrschenden System.</p>
<p>Die Serie im Original zu schauen, wirkt auf mich noch authentischer (ich bin leider noch nicht durch, sondern erst beim Ende der <a href="http://www.youtube.com/watch?v=IvmmFOUdUqo">dritten Staffel</a>). Da vor allem im Gangster-Milieu auch ein anderer Umgangston als im Büro des Bürgermeisters angeschlagen wird. Zumindest meistens. Die Polizeieinheit unterscheidet sich auf sprachlicher, kommunikativer Ebene gar noch weniger vom Dealerring. Aber genau dieser Mix, welcher sich allein durch die Individuen voneinander abgrenzt, lässt <em>The Wire</em> zu einem spannenden aber oftmals auch amüsanten und in jedem Fall <a href="http://www.icelandreview.com/icelandreview/daily_news/?cat_id=16539&amp;ew_0_a_id=362917">nachhaltigen</a> Serienerlebnis werden. Ich freu mich schon auf die vierte Staffel, wenn besonders die Presse mehr involviert wird. Bis dahin gibt&#8217;s erstmal einen kurzen Blick hinter die Kulissen.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="560" height="421" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="data" value="http://www.hbo.com/bin/hboPlayer.swf?vid=1025936&amp;domain=http://www.hbo.com&amp;videoTitle=Street Talk&amp;copyShareURL=http%3A//www.hbo.com/video/video.html/%3Fautoplay%3Dfalse%26vid%3D1025936%26filter%3Dthe-wire%26view%3Dnull" /><param name="src" value="http://www.hbo.com/bin/hboPlayer.swf?vid=1025936&amp;domain=http://www.hbo.com&amp;videoTitle=Street Talk&amp;copyShareURL=http%3A//www.hbo.com/video/video.html/%3Fautoplay%3Dfalse%26vid%3D1025936%26filter%3Dthe-wire%26view%3Dnull" /><embed type="application/x-shockwave-flash" width="560" height="421" src="http://www.hbo.com/bin/hboPlayer.swf?vid=1025936&amp;domain=http://www.hbo.com&amp;videoTitle=Street Talk&amp;copyShareURL=http%3A//www.hbo.com/video/video.html/%3Fautoplay%3Dfalse%26vid%3D1025936%26filter%3Dthe-wire%26view%3Dnull" data="http://www.hbo.com/bin/hboPlayer.swf?vid=1025936&amp;domain=http://www.hbo.com&amp;videoTitle=Street Talk&amp;copyShareURL=http%3A//www.hbo.com/video/video.html/%3Fautoplay%3Dfalse%26vid%3D1025936%26filter%3Dthe-wire%26view%3Dnull"></embed></object></p>
<p style="text-align: right;"><a title="Street Talk" href="http://www.hbo.com/video/video.html/?autoplay=true&amp;vid=1025936&amp;filter=the-wire&amp;view=null">Street Talk</a> — Ein Blick hinter die Kulissen der Serie</p>
<img src="http://feeds.feedburner.com/~r/Pixelspaceorg/de/~4/w-qOQwTr1Sk" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.pixelspace.org/2010/06/the-wire/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://www.pixelspace.org/2010/06/the-wire/</feedburner:origLink></item>
		<item>
		<title>ILA 2010 in Berlin</title>
		<link>http://feedproxy.google.com/~r/Pixelspaceorg/de/~3/abR0VNfNkxI/</link>
		<comments>http://www.pixelspace.org/2010/06/ila-2010-in-berlin/#comments</comments>
		<pubDate>Sun, 13 Jun 2010 16:56:18 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
				<category><![CDATA[allgemein]]></category>
		<category><![CDATA[Airshow]]></category>
		<category><![CDATA[Berlin]]></category>
		<category><![CDATA[C-130 Hercules]]></category>
		<category><![CDATA[C-5 Galaxy]]></category>
		<category><![CDATA[F-4 Phantom II]]></category>
		<category><![CDATA[F/A-18 Hornet]]></category>
		<category><![CDATA[History]]></category>
		<category><![CDATA[ILA]]></category>
		<category><![CDATA[ILA 2010]]></category>
		<category><![CDATA[Messerschmitt Bf 109]]></category>

		<guid isPermaLink="false">http://www.pixelspace.org/?p=824</guid>
		<description><![CDATA[Am Dienstag, den 08. Juni, wurde die diesjährige ILA von Angela Merkel in Berlin feierlich und bei Sonnenschein eröffnet. Die älteste Luftfahrtmesse der Welt wurde auch noch 100 Jahre alt. Das ist Grund genug, um einige Eindrücke und Gedanken festzuhalten. So, here we go. Auch wenn es komplett bewölkt war und die Wolken sehr tief [...]]]></description>
			<content:encoded><![CDATA[<p>Am Dienstag, den 08. Juni, wurde die diesjährige <a href="http://www.ila-berlin.de/ila2010/">ILA</a> von Angela Merkel in <a title="Berlin" rel="geolocation" href="http://maps.google.com/maps?ll=52.5005555556,13.3988888889&amp;spn=1.0,1.0&amp;q=52.5005555556,13.3988888889%20%28Berlin%29&amp;t=h">Berlin</a> feierlich und bei Sonnenschein eröffnet. Die älteste Luftfahrtmesse der Welt wurde auch noch 100 Jahre alt. Das ist Grund genug, um einige Eindrücke und Gedanken festzuhalten. So, here we go.</p>
<p>Auch wenn es komplett bewölkt war und die Wolken sehr tief hingen, regnete es am Samstagmorgen (noch) nicht und die Hoffnung, dass die Wolkendecke dann doch noch aufriss, war größer als das Vertrauen in die bis dato pessimistischen Wetterberichte.Als wir ankamen begrüßte uns eine <a title="McDonnell Douglas" rel="homepage" href="http://web.archive.org/web/*/http://www.mdc.com/">McDonnell Douglas</a> <a title="F/A-18 Hornet" rel="wikipedia" href="http://en.wikipedia.org/wiki/F/A-18_Hornet">F-18 Hornet</a> der schweizerischen Luftstreikkräfte mit beeindruckenden Manövern zwischen den Wolken, Tiefflügen, sowie einen Landeanflug genau über uns und die riesige Parkplatzfläche, östlich des Flughafens hinweg. Eins fiel auch sofort auf. die Ankunft der Besucher wurde sehr gut organisiert und durchstrukturiert.</p>
<div class="wp-caption aligncenter" style="width: 570px"><a title="F-18 Hornet by dan_vers, on Flickr" href="http://www.flickr.com/photos/danverstaendig/4696569658/"><img src="http://farm5.static.flickr.com/4035/4696569658_0ed29f70d4.jpg" alt="F-18 Hornet" width="560" height="352" /></a><p class="wp-caption-text">Eine F-18 Hornet der schweizerischen Luftstreikkräfte.</p></div>
<p>Die <a href="http://de.wikipedia.org/wiki/United_States_Air_Force">US Air Force</a> war diesmal mit schwerem, leider nicht unbedingt neuem Gerät vertreten. Das große Heckleitwerk der <a title="C-5 Galaxy" rel="wikipedia" href="http://en.wikipedia.org/wiki/C-5_Galaxy">C-5 Galaxy</a> fiel schon bei der Ankunft im Shuttle Bus auf. Der flache <a href="http://de.wikipedia.org/wiki/B-1_Lancer">B-1 Bomber</a> zeigte sich erst später. Versteckt hinter einem ca. 60 Jahre alten <a href="http://de.wikipedia.org/wiki/Boeing_B-52">B-52 Bomber</a> und neben einem Tankflugzeug stand er mit seiner bösen Nase da und wirkte trotz seiner reifen Tage (Indienststellung 1986) noch gefährlich und faszinierend zugleich.</p>
<p>Auch die <a title="Bundeswehr" rel="wikipedia" href="http://en.wikipedia.org/wiki/Bundeswehr">Bundeswehr</a> war mit  der <a title="Luftwaffe" rel="wikipedia" href="http://en.wikipedia.org/wiki/Luftwaffe">Luftwaffe</a> sowie den <a href="http://de.wikipedia.org/wiki/Heeresflieger">Heeresfliegern</a> usw. vertreten. Die Vorführung der Luftwaffe war dann auch das erste große Highlight. Von weitem hat man schon die Staffel, bestehend aus  2 <a href="http://de.wikipedia.org/wiki/McDonnell_F-4">F4-Phantoms</a>, 6 <a href="http://de.wikipedia.org/wiki/Panavia_Tornado">Tornados</a> und auch 4 <a title="Eurofighter Typhoon" rel="wikipedia" href="http://en.wikipedia.org/wiki/Eurofighter_Typhoon">Eurofighter</a>, sehen können. Und nachdem das Programm fast durch war, verstand ich auch, wieso das Display &#8220;Fähigkeitsdarstellung&#8221; hieß. Besonders die Eurofighter wirkte extrem agil, aber auch die alten Phantoms hinterließen, nicht nur in den Ohren, einen bleibenden Eindruck. Die <a href="http://de.wikipedia.org/wiki/C-130">C-130 Hercules</a> sowie die 2 <a href="http://de.wikipedia.org/wiki/Bell_UH-1">Bell UH-1</a> rundeten die Vorstellung ab.</p>
<div class="wp-caption aligncenter" style="width: 570px"><a title="F4 Phantom by dan_vers, on Flickr" href="http://www.flickr.com/photos/danverstaendig/4693674113/"><img src="http://farm5.static.flickr.com/4010/4693674113_6ab3b1a01b.jpg" alt="F4 Phantom" width="560" height="314" /></a><p class="wp-caption-text">Eine F-4 Phantom nach dem Low Pass über die Zuschauer. Mit den Abgasen gibts aber keine grüne Plakette!</p></div>
<p>Natürlich machte die Bundeswehr somit auch kräftig Werbung für die Jobs bei der Luftwaffe. Aber nicht nur die Bundeswehr sucht Leute, das ILA Career Center wirkte wie eine große Einladung, nicht nur das ~1200 Ingenieure gesucht werden auch im Bereich <a href="http://de.wikipedia.org/wiki/Projektmanagement">Projektmanagement </a>wie auch im Medienmanagement sowie der Medienproduktion sind diverse Stellen ausgeschrieben. Der Gang durch die überfüllten Hallen und der Lauf durch den Regen haben sich für mich definitiv gelohnt.</p>
<p>Interessant ist auch, dass das Erscheinen von <a href="http://dmm.travel/news/artikel/lesen/2010/06/merkel-auftritt-bei-emirates-war-bedingung-29387/">Angela Merkel am Dienstag,  den 08.06.10 kein Zufall</a>, sondern eher eine Bedingung von <a href="http://de.wikipedia.org/wiki/Emirates">Emirates</a> beim Kauf von 32 weiteren A-380 gewesen ist. Schließlich gilt Emirates als einer der größten Konkurrenten der <a href="http://de.wikipedia.org/wiki/Lufthansa">Lufthansa</a>. Aber es war natürlich nicht nur eine ILA der neuesten High-End Entwicklungen.  Auch das erste düsengetriebene Flugzeug, die Messerschmitt ME-262, war da und flog natürlich! Andere Traditionsflugzeuge, wie die <a title="P-38 Lightning" rel="wikipedia" href="http://en.wikipedia.org/wiki/P-38_Lightning">P-38 Lightning</a> oder die <a title="Messerschmitt Bf 109" rel="wikipedia" href="http://en.wikipedia.org/wiki/Messerschmitt_Bf_109">Messerschmitt BF-109</a>, durften neben der alten <a title="Junkers Ju 52" rel="wikipedia" href="http://en.wikipedia.org/wiki/Junkers_Ju_52">Tante Ju</a>, die Rundflüge machte, auch nicht fehlen. Was jedoch fehlte waren genügend Sitzgelegenheiten, normalerweise ist das kein Problem, man nimmt eine Decke mit und macht&#8217;s sich auf dem Vorfeld gemütlich. Dumm nur, wenn es ständig nieselt und alles leicht nass ist.</p>
<div class="wp-caption aligncenter" style="width: 570px"><a title="Junkers Ju-52 landing by dan_vers, on Flickr" href="http://www.flickr.com/photos/danverstaendig/4693719695/"><img src="http://farm5.static.flickr.com/4026/4693719695_5f5c17f453.jpg" alt="Junkers Ju-52 landing" width="560" height="314" /></a><p class="wp-caption-text">Die Ju-52 bei der Landung auf der ILA 2010 in Berlin Schönefeld am Samstag den 11.Juni 2010. Rundflüge waren schon Tage zuvor ausgebucht.</p></div>
<p>Gegen Mittag stieg die Spannung erneut. Während das italienische <a href="http://www.pioneerteam.it/">Pioneer Team</a> noch eine herausragende Flugshow zeigte, rollte weiter hinten die A-380 Richtung Runway. Achso, Ultraleichtflugzeuge können auch Wärmetäuschkörper abfeuern, damit überraschten die Italiener dann gegen Ende ihres Displays. Nach einiger Verzögerung, weil ein Ultraleichtflugzeig sowie 2 Airliner noch landeten, startete dann das zweistöckige Riesenflugzeug und hob nach nur wenigen hundert Metern ab, unbeschwert wie ein junger Vogel. Die Vorführung war kurz aber nicht weniger faszinierend, extrem enge Kurvenradien sowie eine Lärmentwicklung, wie bei einem A-320 sind schon beeindruckend. Man möchte fast meinen, selbst die <a title="Messerschmitt Me 262" rel="wikipedia" href="http://en.wikipedia.org/wiki/Messerschmitt_Me_262">Me-262</a> war lauter.</p>
<div class="wp-caption aligncenter" style="width: 570px"><a title="A 380 Air Show by dan_vers, on Flickr" href="http://www.flickr.com/photos/danverstaendig/4693672375/"><img src="http://farm5.static.flickr.com/4001/4693672375_5b24c4a938.jpg" alt="A 380 Air Show" width="560" height="344" /></a><p class="wp-caption-text">Airbus A-380 beim langsamen Überflug.</p></div>
<p>Das Wetter wurde dann schlechter, zeitweise regnete es sogar schwer, sodass wohl nur verhältnismäßig Wenige das klasse Programm von Rainer Wilke und seiner Bo-105 &#8211; im Regen &#8211; gesehen haben. Ein Großteil der Besucher verkroch sich in die Hallen, wo dann auch gar nichts mehr ging, weil die Räumlichkeiten einfach überfüllt waren.</p>
<div class="wp-caption aligncenter" style="width: 570px"><a title="B-25 Mitchell  by dan_vers, on Flickr" href="http://www.flickr.com/photos/danverstaendig/4694358124/"><img src="http://farm5.static.flickr.com/4027/4694358124_3622001b36.jpg" alt="B-25 Mitchell " width="560" height="315" /></a><p class="wp-caption-text">Während die B-25J Mitchell der Flying Bulls zur Parkposition rollt, schwebt Rainer Wilke mit seiner Bo-105 zur Startposition für seine Vorführung.</p></div>
<p>In wenigen Minuten schließt die ILA 2010 ihre Pforten in Berlin Schönefeld und es hat sich wieder einmal gelohnt, dabei gewesen zu sein. Ich freu mich schon auf die nächste ILA in 2 Jahren, <a href="http://www.tagesspiegel.de/wirtschaft/jetzt-amtlich-ila-bleibt-in-der-region/1852086.html">wieder in Berlin</a> und nicht, wie zuvor diskutiert, in <a href="http://de.wikipedia.org/wiki/Flughafen_Leipzig/Halle">Leipzig/Halle</a>. Dann hoffentlich mit viel Sonnenschein und ein wenig mehr Sitzgelegenheiten und einem größeren Objektiv.</p>
<p>Ob die Amerikaner dann wieder die größte Klappe haben? <img src='http://www.pixelspace.org/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<div class="wp-caption aligncenter" style="width: 570px"><a title="c5 by dan_vers, on Flickr" href="http://www.flickr.com/photos/danverstaendig/4693681259/"><img src="http://farm5.static.flickr.com/4041/4693681259_3c0457bf9e.jpg" alt="c5" width="560" height="433" /></a><p class="wp-caption-text">Die Ladeklappe der C-5 Galaxy.</p></div>
<img src="http://feeds.feedburner.com/~r/Pixelspaceorg/de/~4/abR0VNfNkxI" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.pixelspace.org/2010/06/ila-2010-in-berlin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.pixelspace.org/2010/06/ila-2010-in-berlin/</feedburner:origLink></item>
		<item>
		<title>CSS Naked Day</title>
		<link>http://feedproxy.google.com/~r/Pixelspaceorg/de/~3/GENx5FLTROQ/</link>
		<comments>http://www.pixelspace.org/2010/04/css-naked-day/#comments</comments>
		<pubDate>Thu, 08 Apr 2010 22:00:17 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
				<category><![CDATA[allgemein]]></category>
		<category><![CDATA[Cascading Style Sheets]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Data Formats]]></category>
		<category><![CDATA[FAQs Help and Tutorials]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[Style Sheets]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.pixelspace.org/?p=791</guid>
		<description><![CDATA[Was ist mit dem Design passiert? 9. April ist CSS Naked Day! Für einen internationalen Tag fallen auf manchen Seiten, so auch hier, die Hüllen des CSS-Kleides. Der Gedanke, der dahinter steckt ist so simpel wie die Umsetzung selbst. Nämlich die Förderung von Web-Standards durch valides (X)HTML und eine übersichtliche Struktur. Die Idee finde ich [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Was ist mit dem Design passiert? 9. April ist CSS Naked Day!</strong><br />
Für einen <abbr title="also 48 Stunden">internationalen</abbr> Tag fallen auf manchen Seiten, so auch hier, die Hüllen des CSS-Kleides. Der Gedanke, der dahinter steckt ist so simpel wie die Umsetzung selbst. Nämlich die Förderung von Web-Standards durch valides (X)HTML und eine übersichtliche Struktur. Die Idee finde ich super! Schließlich sollte eine Seite nicht nur im Mantel des Stylesheets wohl strukturiert und zugänglich aufgebaut sein.</p>
<p>Auf der Seite <a title="Web Standards Naked Day Host Webseite" href="http://naked.dustindiaz.com">CSS Naked Day Webseite</a> gibt es mehr Informationen zum Event.</p>
<p>Nette Aktion. Also <a href="http://www.nakedcss.de/">mach mit</a> und zeig auch Du deinen &lt;body&gt;!</p>
<img src="http://feeds.feedburner.com/~r/Pixelspaceorg/de/~4/GENx5FLTROQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.pixelspace.org/2010/04/css-naked-day/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.pixelspace.org/2010/04/css-naked-day/</feedburner:origLink></item>
		<item>
		<title>Slideshow mit Scriptaculous</title>
		<link>http://feedproxy.google.com/~r/Pixelspaceorg/de/~3/9Tu-Bu3kA3c/</link>
		<comments>http://www.pixelspace.org/2009/07/slideshow-mit-scriptaculous/#comments</comments>
		<pubDate>Thu, 09 Jul 2009 21:05:01 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
				<category><![CDATA[web]]></category>
		<category><![CDATA[Cascading Style Sheets]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Data Formats]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[prototype]]></category>
		<category><![CDATA[Script.aculo.us]]></category>
		<category><![CDATA[scriptaculous]]></category>
		<category><![CDATA[slideshow]]></category>
		<category><![CDATA[Style Sheets]]></category>
		<category><![CDATA[tools]]></category>

		<guid isPermaLink="false">http://www.pixelspace.org/2009/07/09/slideshow-mit-scriptaculous-2/</guid>
		<description><![CDATA[Die Slideshow basiert auf Prototype sowie Scriptaculous und ermöglicht verschiedene Instanzen. Die Darstellung erfolgt über eine unsortierte Liste. Dadurch ist es möglich neben Bildern und Fotos auch anderen HTML-Code wie auch einfache Texte darzustellen. Hier das Beispiel wie die Galerie umgesetzt ist. Das Javascript zur Slideshow: toggle code function init&#40;&#41; &#123; &#160; var slides = [...]]]></description>
			<content:encoded><![CDATA[<p>Die Slideshow basiert auf <a href="http://www.prototypejs.org/download">Prototype</a> sowie <a href="http://script.aculo.us/downloads">Scriptaculous</a> und ermöglicht verschiedene Instanzen. Die Darstellung erfolgt über eine unsortierte Liste. Dadurch ist es möglich neben Bildern und Fotos auch  anderen HTML-Code wie auch einfache Texte darzustellen.</p>
<p>Hier das Beispiel wie die Galerie umgesetzt ist.</p>
<p><strong>Das Javascript zur Slideshow:</strong></p>
<div class="toggle-code"><span class="toggler">toggle code</span>
<div class="javascript synhigh">
<ol>
<li style="background-color:#fff;">
<pre style=""><span style="color: #003366; font-weight: bold;">function</span> init<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span></pre>
</li>
<li style="background-color:#f7f7f7;">
<pre style="">&nbsp;</pre>
</li>
<li style="background-color:#fff;">
<pre style="">  <span style="color: #003366; font-weight: bold;">var</span> slides <span style="color: #339933;">=</span> document.<span style="color: #660066;">getElementsByClassName</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'slide-show'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre>
</li>
<li style="background-color:#f7f7f7;">
<pre style="">&nbsp;</pre>
</li>
<li style="background-color:#fff;">
<pre style="">  <span style="color: #000066; font-weight: bold;">for</span><span style="color: #009900;">&#40;</span>i<span style="color: #339933;">=</span><span style="color: #CC0000;">0</span><span style="color: #339933;">;</span>i<span style="color: #339933;">&lt;</span>slides.<span style="color: #660066;">length</span><span style="color: #339933;">;</span>i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span></pre>
</li>
<li style="background-color:#f7f7f7;">
<pre style="">&nbsp;</pre>
</li>
<li style="background-color:#fff;">
<pre style="">    <span style="color: #003366; font-weight: bold;">var</span> lis <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span>slides<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">id</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">getElementsByTagName</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'li'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre>
</li>
<li style="background-color:#f7f7f7;">
<pre style="">&nbsp;</pre>
</li>
<li style="background-color:#fff;">
<pre style="">    <span style="color: #000066; font-weight: bold;">for</span><span style="color: #009900;">&#40;</span> j<span style="color: #339933;">=</span><span style="color: #CC0000;">0</span><span style="color: #339933;">;</span> j <span style="color: #339933;">&lt;</span> lis.<span style="color: #660066;">length</span><span style="color: #339933;">;</span> j<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span></pre>
</li>
<li style="background-color:#f7f7f7;">
<pre style="">      <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>j<span style="color: #339933;">!=</span><span style="color: #CC0000;">0</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span></pre>
</li>
<li style="background-color:#fff;">
<pre style="">        lis<span style="color: #009900;">&#91;</span>j<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">style</span>.<span style="color: #660066;">display</span> <span style="color: #339933;">=</span> <span style="color: #3366CC;">'none'</span><span style="color: #339933;">;</span></pre>
</li>
<li style="background-color:#f7f7f7;">
<pre style="">      <span style="color: #009900;">&#125;</span></pre>
</li>
<li style="background-color:#fff;">
<pre style="">    <span style="color: #009900;">&#125;</span></pre>
</li>
<li style="background-color:#f7f7f7;">
<pre style="">    end_li <span style="color: #339933;">=</span> lis.<span style="color: #660066;">length</span> <span style="color: #339933;">-</span><span style="color: #CC0000;">1</span><span style="color: #339933;">;</span></pre>
</li>
<li style="background-color:#fff;">
<pre style="">&nbsp;</pre>
</li>
<li style="background-color:#f7f7f7;">
<pre style="">    setTimeout<span style="color: #009900;">&#40;</span>swapElements<span style="color: #009900;">&#40;</span><span style="color: #CC0000;">0</span><span style="color: #339933;">,</span><span style="color: #CC0000;">0</span><span style="color: #339933;">,</span>end_li<span style="color: #339933;">,</span> <span style="color: #CC0000;">3000</span><span style="color: #339933;">,</span> lis<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">2000</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre>
</li>
<li style="background-color:#fff;">
<pre style="">  <span style="color: #009900;">&#125;</span></pre>
</li>
<li style="background-color:#f7f7f7;">
<pre style=""><span style="color: #009900;">&#125;</span></pre>
</li>
<li style="background-color:#fff;">
<pre style="">&nbsp;</pre>
</li>
<li style="background-color:#f7f7f7;">
<pre style=""><span style="color: #003366; font-weight: bold;">function</span> swapElements<span style="color: #009900;">&#40;</span>cur_li<span style="color: #339933;">,</span> start_li<span style="color: #339933;">,</span> end_li<span style="color: #339933;">,</span> delay<span style="color: #339933;">,</span> lis<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span></pre>
</li>
<li style="background-color:#fff;">
<pre style="">&nbsp;</pre>
</li>
<li style="background-color:#f7f7f7;">
<pre style="">  <span style="color: #000066; font-weight: bold;">return</span> <span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span></pre>
</li>
<li style="background-color:#fff;">
<pre style="">    Effect.<span style="color: #660066;">Fade</span><span style="color: #009900;">&#40;</span>lis<span style="color: #009900;">&#91;</span>cur_li<span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span><span style="color: #009900;">&#123;</span> duration<span style="color: #339933;">:</span><span style="color: #CC0000;">3</span><span style="color: #339933;">,</span> from<span style="color: #339933;">:</span><span style="color: #CC0000;">1.0</span><span style="color: #339933;">,</span> to<span style="color: #339933;">:</span><span style="color: #CC0000;">0.0</span> <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre>
</li>
<li style="background-color:#f7f7f7;">
<pre style="">&nbsp;</pre>
</li>
<li style="background-color:#fff;">
<pre style="">      <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>cur_li <span style="color: #339933;">==</span> end_li<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span></pre>
</li>
<li style="background-color:#f7f7f7;">
<pre style="">        cur_li <span style="color: #339933;">=</span> start_li<span style="color: #339933;">;</span></pre>
</li>
<li style="background-color:#fff;">
<pre style="">      <span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #009900;">&#123;</span></pre>
</li>
<li style="background-color:#f7f7f7;">
<pre style="">        cur_li<span style="color: #339933;">++;</span></pre>
</li>
<li style="background-color:#fff;">
<pre style="">      <span style="color: #009900;">&#125;</span>	</pre>
</li>
<li style="background-color:#f7f7f7;">
<pre style="">&nbsp;</pre>
</li>
<li style="background-color:#fff;">
<pre style="">      Effect.<span style="color: #660066;">Appear</span><span style="color: #009900;">&#40;</span>lis<span style="color: #009900;">&#91;</span>cur_li<span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span> <span style="color: #009900;">&#123;</span> duration<span style="color: #339933;">:</span><span style="color: #CC0000;">3</span><span style="color: #339933;">,</span> from<span style="color: #339933;">:</span><span style="color: #CC0000;">0.0</span><span style="color: #339933;">,</span> to<span style="color: #339933;">:</span><span style="color: #CC0000;">1.0</span> <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre>
</li>
<li style="background-color:#f7f7f7;">
<pre style="">&nbsp;</pre>
</li>
<li style="background-color:#fff;">
<pre style="">      setTimeout<span style="color: #009900;">&#40;</span>swapElements<span style="color: #009900;">&#40;</span>cur_li<span style="color: #339933;">,</span>start_li<span style="color: #339933;">,</span>end_li<span style="color: #339933;">,</span>delay<span style="color: #339933;">,</span>lis<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span></pre>
</li>
<li style="background-color:#f7f7f7;">
<pre style="">      delay <span style="color: #339933;">+</span> <span style="color: #CC0000;">3000</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre>
</li>
<li style="background-color:#fff;">
<pre style="">    <span style="color: #009900;">&#125;</span></pre>
</li>
<li style="background-color:#f7f7f7;">
<pre style="">  <span style="color: #009900;">&#41;</span></pre>
</li>
<li style="background-color:#fff;">
<pre style=""><span style="color: #009900;">&#125;</span></pre>
</li>
<li style="background-color:#f7f7f7;">
<pre style="">&nbsp;</pre>
</li>
<li style="background-color:#fff;">
<pre style="">Event.<span style="color: #660066;">observe</span><span style="color: #009900;">&#40;</span>window<span style="color: #339933;">,</span> <span style="color: #3366CC;">'load'</span><span style="color: #339933;">,</span> init<span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre>
</li>
</ol>
</div>
</div>
<p>Alle Elemente mit der Klassendefinition &#8216;<em>slide-show</em>&#8216; werden durchlaufen und für jedes Listenelement werden die Bilder nacheinander ausgewechselt.</p>
<p>Damit die Positionierung der Galerie bei den Überblendeffekten sichergestellt ist empfiehlt es sich, einige Anpassungen im CSS vorzunehmen.</p>
<p><strong>Der CSS-Code:</strong></p>
<div class="toggle-code"><span class="toggler">toggle code</span>
<div class="css synhigh">
<ol>
<li style="background-color:#fff;">
<pre style="">.slide-<span style="color: #000000;">show</span> li<span style="color: #00AA00;">&#123;</span></pre>
</li>
<li style="background-color:#f7f7f7;">
<pre style="">&nbsp;</pre>
</li>
<li style="background-color:#fff;">
<pre style="">  <span style="color: #800040; font-weight: bold;">position</span><span style="color: #00AA00;">:</span><span style="color: #000000;">absolute</span><span style="color: #00AA00;">;</span></pre>
</li>
<li style="background-color:#f7f7f7;">
<pre style="">&nbsp;</pre>
</li>
<li style="background-color:#fff;">
<pre style="">  <span style="color: #800040; font-weight: bold;">list-style</span><span style="color: #00AA00;">:</span><span style="color: #000000;">none</span><span style="color: #00AA00;">;</span></pre>
</li>
<li style="background-color:#f7f7f7;">
<pre style="">  <span style="color: #800040; font-weight: bold;">display</span><span style="color: #00AA00;">:</span><span style="color: #000000;">block</span><span style="color: #00AA00;">;</span></pre>
</li>
<li style="background-color:#fff;">
<pre style="">  <span style="color: #800040; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #0000ff;">200px</span><span style="color: #00AA00;">;</span></pre>
</li>
<li style="background-color:#f7f7f7;">
<pre style="">  <span style="color: #800040; font-weight: bold;">height</span><span style="color: #00AA00;">:</span><span style="color: #0000ff;">200px</span><span style="color: #00AA00;">;</span></pre>
</li>
<li style="background-color:#fff;">
<pre style="">  <span style="color: #800040; font-weight: bold;">overflow</span><span style="color: #00AA00;">:</span><span style="color: #000000;">hidden</span><span style="color: #00AA00;">;</span></pre>
</li>
<li style="background-color:#f7f7f7;">
<pre style=""><span style="color: #00AA00;">&#125;</span></pre>
</li>
</ol>
</div>
</div>
<p>Wichtig dabei ist, dass die Listenelemente absolut positioniert werden damit sie beim wechseln eine feste Position behalten und nicht verschoben werden.</p>
<p>Die Ausgabe der Slideshow erfolgt, wie schon gesagt, über eine unsortierte Liste.</p>
<p><strong>Der HTML-Code dafür ist folgender:</strong></p>
<div class="toggle-code"><span class="toggler">toggle code</span>
<div class="html4strict synhigh">
<ol>
<li style="background-color:#fff;">
<pre style=""><span style="color: #666666;">&lt;<a href="http://december.com/html/x1/element/ul.html"><span style="color: #3e73ae; font-weight: bold;">ul</span></a> <span style="color: #000000;">id</span><span style="color: #666666;">=</span><span style="color: #000000;">&quot;my_slide_show&quot;</span> <span style="color: #000000;">class</span><span style="color: #666666;">=</span><span style="color: #000000;">&quot;slide-show&quot;</span>&gt;</span></pre>
</li>
<li style="background-color:#f7f7f7;">
<pre style=""><span style="color: #666666;">&lt;<a href="http://december.com/html/x1/element/li.html"><span style="color: #3e73ae; font-weight: bold;">li</span></a>&gt;&lt;<a href="http://december.com/html/x1/element/img.html"><span style="color: #3e73ae; font-weight: bold;">img</span></a> <span style="color: #000000;">src</span><span style="color: #666666;">=</span><span style="color: #000000;">&quot;1.jpg&quot;</span> <span style="color: #000000;">alt</span><span style="color: #666666;">=</span><span style="color: #000000;">&quot;first image&quot;</span><span style="color: #666666;">/</span>&gt;&lt;<span style="color: #666666;">/</span><a href="http://december.com/html/x1/element/li.html"><span style="color: #3e73ae; font-weight: bold;">li</span></a>&gt;</span></pre>
</li>
<li style="background-color:#fff;">
<pre style=""><span style="color: #666666;">&lt;<a href="http://december.com/html/x1/element/li.html"><span style="color: #3e73ae; font-weight: bold;">li</span></a>&gt;&lt;<a href="http://december.com/html/x1/element/img.html"><span style="color: #3e73ae; font-weight: bold;">img</span></a> <span style="color: #000000;">src</span><span style="color: #666666;">=</span><span style="color: #000000;">&quot;2.jpg&quot;</span> <span style="color: #000000;">alt</span><span style="color: #666666;">=</span><span style="color: #000000;">&quot;second image&quot;</span><span style="color: #666666;">/</span>&gt;&lt;<span style="color: #666666;">/</span><a href="http://december.com/html/x1/element/li.html"><span style="color: #3e73ae; font-weight: bold;">li</span></a>&gt;</span></pre>
</li>
<li style="background-color:#f7f7f7;">
<pre style=""><span style="color: #666666;">&lt;<a href="http://december.com/html/x1/element/li.html"><span style="color: #3e73ae; font-weight: bold;">li</span></a>&gt;</span>Lorem ipsum dolor sit amet, consetetur sadipscing elitr...<span style="color: #666666;">&lt;<span style="color: #666666;">/</span><a href="http://december.com/html/x1/element/li.html"><span style="color: #3e73ae; font-weight: bold;">li</span></a>&gt;</span></pre>
</li>
<li style="background-color:#fff;">
<pre style=""><span style="color: #666666;">&lt;<span style="color: #666666;">/</span><a href="http://december.com/html/x1/element/ul.html"><span style="color: #3e73ae; font-weight: bold;">ul</span></a>&gt;</span></pre>
</li>
</ol>
</div>
</div>
<p>Da das Javascript auf alle Objekte mit der Klassendefinition &#8216;<em>slide-show</em>&#8216; zugreift, muss diese Angabe im HTML-Code mit der Klasse aus dem Javascript übereinstimmen.</p>
<p class="download"><a href="http://www.pixelspace.org/works/file/slideshow.zip">Beispielcode herunterladen</a><br />
<small>Dateigröße: 69KB | Dateityp: .zip</small></p>
<p class="demo"><a href="http://www.pixelspace.org/demo-slideshow-mit-scriptaculous/">LIVE DEMO</a></p>
<p style="clear: both;">
<img src="http://feeds.feedburner.com/~r/Pixelspaceorg/de/~4/9Tu-Bu3kA3c" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.pixelspace.org/2009/07/slideshow-mit-scriptaculous/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://www.pixelspace.org/2009/07/slideshow-mit-scriptaculous/</feedburner:origLink></item>
		<item>
		<title>Social Bookmark Dienste</title>
		<link>http://feedproxy.google.com/~r/Pixelspaceorg/de/~3/dY9iUSYoyCE/</link>
		<comments>http://www.pixelspace.org/2009/02/social-bookmark-dienste/#comments</comments>
		<pubDate>Sat, 14 Feb 2009 12:05:09 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
				<category><![CDATA[allgemein]]></category>
		<category><![CDATA[social bookmark]]></category>
		<category><![CDATA[social media]]></category>

		<guid isPermaLink="false">http://www.pixelspace.org/2009/02/14/social-bookmark-dienste-2/</guid>
		<description><![CDATA[Nachdem ich neulich &#252;ber twitter zu Toms neuer Seite geleitet wurde, entdeckte ich nicht nur das neue und ziemlich ansprechende Layout, sondern eine ziemlich sinnvolles Feature. N&#228;mlich die M&#246;glichkeit Beitr&#228;ge in anderen Netzwerken zu verbreiten und Freunden zu schicken! Wie versprochen habe ich nun auch mal etwas aufger&#252;stet. Nun besteht auch auf pixelspace.org die M&#246;glichkeit, [...]]]></description>
			<content:encoded><![CDATA[<p>Nachdem ich neulich &uuml;ber twitter zu <a href="http://www.moosbett.de">Toms neuer Seite</a> geleitet wurde, entdeckte ich nicht nur das neue und ziemlich ansprechende Layout, sondern eine ziemlich sinnvolles Feature. N&auml;mlich die M&ouml;glichkeit Beitr&auml;ge in anderen Netzwerken zu verbreiten und Freunden zu schicken!</p>
<p>Wie <a href="http://moosbett.de/node/27#comments">versprochen</a> habe ich nun auch mal etwas aufger&uuml;stet. Nun besteht auch auf pixelspace.org die M&ouml;glichkeit, Artikel &uuml;ber verschiedene Social Bookmark Dienste zu speichern und Freunden zu empfehlen. Somit k&ouml;nnen die ~3 Besucher, die hier zuf&auml;llig mal landen auch einen Eintrag ganz bequem weiterleiten. Bleibt nur noch das eine Problemchen mit dem Inhalt. Bislang hab ich einfach nicht die Zeit gefunden oder mir die Zeit genommen um ausf&uuml;hrliche Eintr&auml;ge zu verfassen. Irgendwie komm ich mir bl&ouml;d dabei vor, etwas komplett unbedeutendes zu posten.</p>
<p>Mal sehen wie sich das in Zukunft so entwickelt.</p>
<img src="http://feeds.feedburner.com/~r/Pixelspaceorg/de/~4/dY9iUSYoyCE" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.pixelspace.org/2009/02/social-bookmark-dienste/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.pixelspace.org/2009/02/social-bookmark-dienste/</feedburner:origLink></item>
		<item>
		<title>Kleines Update im CG Bereich</title>
		<link>http://feedproxy.google.com/~r/Pixelspaceorg/de/~3/-IjMIRxdaNY/</link>
		<comments>http://www.pixelspace.org/2008/12/kleines-update-im-cg-bereich/#comments</comments>
		<pubDate>Wed, 17 Dec 2008 13:32:50 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
				<category><![CDATA[computergraphik]]></category>
		<category><![CDATA[c4d]]></category>
		<category><![CDATA[helicopter]]></category>
		<category><![CDATA[hind]]></category>

		<guid isPermaLink="false">http://www.pixelspace.org/2008/12/17/kleines-update-im-cg-bereich-2/</guid>
		<description><![CDATA[Sooo mal wieder ein kleines Update, ich hab mal das Modell eines russischen Angriffs-und Transporthelikopters hochgeladen die vorläufige Bildergalerie zur Mil-Mi 24 gibt es hier. Kommentare und Kritik sind wie immer gern gesehen, wenn Interesse am Modell besteht, einfach bei mir melden. Derzeit komme ich leider nicht dazu es weiter zu bearbeiten.]]></description>
			<content:encoded><![CDATA[<p>Sooo mal wieder ein kleines Update, ich hab mal das Modell eines russischen Angriffs-und Transporthelikopters hochgeladen die vorläufige Bildergalerie zur Mil-Mi 24 gibt es <a href="http://www.pixelspace.org/portfolio/cg/mi-24">hier</a>.</p>
<p>Kommentare und Kritik sind wie immer gern gesehen, wenn Interesse am Modell besteht, einfach bei mir melden. Derzeit komme ich leider nicht dazu es weiter zu bearbeiten.</p>
<img src="http://feeds.feedburner.com/~r/Pixelspaceorg/de/~4/-IjMIRxdaNY" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.pixelspace.org/2008/12/kleines-update-im-cg-bereich/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.pixelspace.org/2008/12/kleines-update-im-cg-bereich/</feedburner:origLink></item>
		<item>
		<title>Chicago 2008</title>
		<link>http://feedproxy.google.com/~r/Pixelspaceorg/de/~3/82Gespk_SU8/</link>
		<comments>http://www.pixelspace.org/2008/12/chicago-2008/#comments</comments>
		<pubDate>Mon, 15 Dec 2008 15:40:13 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
				<category><![CDATA[allgemein]]></category>
		<category><![CDATA[chicago]]></category>
		<category><![CDATA[impressions]]></category>
		<category><![CDATA[photos]]></category>
		<category><![CDATA[snapshots]]></category>

		<guid isPermaLink="false">http://www.pixelspace.org/2008/12/15/chicago-2008-2/</guid>
		<description><![CDATA[Endlich hab ich es geschafft einige Bilder vom Aufenthalt in Chicago hochzuladen...]]></description>
			<content:encoded><![CDATA[<p>Endlich hab ich es geschafft einige Bilder vom Aufenthalt in Chicago hochzuladen.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="561" height="438" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="name" value="embedFlashGallery" /><param name="data" value="http://iloapp.pixelspace.org/gallery/swf/embedFlashGallery.swf?albumId=13&amp;galleryLocation=galerie&amp;domainName=pixelspace.org" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><param name="src" value="http://iloapp.pixelspace.org/gallery/swf/embedFlashGallery.swf?albumId=13&amp;galleryLocation=galerie&amp;domainName=pixelspace.org" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="561" height="438" src="http://iloapp.pixelspace.org/gallery/swf/embedFlashGallery.swf?albumId=13&amp;galleryLocation=galerie&amp;domainName=pixelspace.org" allowfullscreen="true" allowscriptaccess="always" bgcolor="#000000" quality="high" data="http://iloapp.pixelspace.org/gallery/swf/embedFlashGallery.swf?albumId=13&amp;galleryLocation=galerie&amp;domainName=pixelspace.org" name="embedFlashGallery"></embed></object></p>
<img src="http://feeds.feedburner.com/~r/Pixelspaceorg/de/~4/82Gespk_SU8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.pixelspace.org/2008/12/chicago-2008/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		<feedburner:origLink>http://www.pixelspace.org/2008/12/chicago-2008/</feedburner:origLink></item>
		<item>
		<title>PHP: Link zum Twitter User generieren</title>
		<link>http://feedproxy.google.com/~r/Pixelspaceorg/de/~3/k-kbflBP4LA/</link>
		<comments>http://www.pixelspace.org/2008/11/php-link-zum-twitter-user-generieren/#comments</comments>
		<pubDate>Wed, 26 Nov 2008 18:45:23 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
				<category><![CDATA[web]]></category>
		<category><![CDATA[api]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[snipplet]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.pixelspace.org/2008/11/26/php-link-zum-twitter-user-generieren-2/</guid>
		<description><![CDATA[Ich hab hier mal eine simple PHP-Funktion geschrieben, die es ermöglicht @user-Tags in Links umzuwandeln. Die Funktion sucht nach Zeichen die mit @ beginnen und ersetzt die Zeichenkette durch einen Link zum Twitterprofil des Nutzers. Es ist zwar nicht viel und durchaus erweiterbar aber vielleicht hilft es ja dem ein oder anderen. toggle code &#60;?php [...]]]></description>
			<content:encoded><![CDATA[<p>Ich hab hier mal eine simple PHP-Funktion geschrieben, die es ermöglicht @user-Tags in Links umzuwandeln. Die Funktion sucht nach Zeichen die mit @ beginnen und ersetzt die Zeichenkette durch einen Link zum Twitterprofil des Nutzers.  Es ist zwar nicht viel und durchaus erweiterbar aber vielleicht hilft es ja dem ein oder anderen.</p>
<div class="toggle-code"><span class="toggler">toggle code</span>
<div class="php synhigh">
<ol>
<li style="background-color:#fff;">
<pre style=""><span style="color: #000000; font-weight: bold;">&lt;?php</span></pre>
</li>
<li style="background-color:#f7f7f7;">
<pre style=""><span style="color: #000000; font-weight: bold;">function</span> parseContent<span style="color: #009900;">&#40;</span><span style="color: #000088;">$content</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span></pre>
</li>
<li style="background-color:#fff;">
<pre style="">  <span style="color: #000088;">$content_array</span> <span style="color: #339933;">=</span> <a href="http://www.php.net/split"><span style="color: #008000; font-weight: bold;">split</span></a><span style="color: #009900;">&#40;</span><span style="color: red;">' '</span><span style="color: #339933;">,</span><span style="color: #000088;">$content</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre>
</li>
<li style="background-color:#f7f7f7;">
<pre style="">  <span style="color: #000088;">$result</span> <span style="color: #339933;">=</span> <span style="color: #009900; font-weight: bold;">null</span><span style="color: #339933;">;</span></pre>
</li>
<li style="background-color:#fff;">
<pre style="">  <span style="color: #0000bb;">if</span><span style="color: #009900;">&#40;</span><a href="http://www.php.net/sizeof"><span style="color: #008000; font-weight: bold;">sizeof</span></a><span style="color: #009900;">&#40;</span><span style="color: #000088;">$content_array</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">&gt;</span><span style="color: #cc66cc;">0</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span></pre>
</li>
<li style="background-color:#f7f7f7;">
<pre style="">    <span style="color: #0000bb;">foreach</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$content_array</span> <span style="color: #0000bb;">as</span> <span style="color: #000088;">$str</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span></pre>
</li>
<li style="background-color:#fff;">
<pre style="">      <span style="color: #0000bb;">if</span><span style="color: #009900;">&#40;</span><a href="http://www.php.net/preg_match"><span style="color: #008000; font-weight: bold;">preg_match</span></a><span style="color: #009900;">&#40;</span><span style="color: red;">&quot;|@[a-zA-Z_0-9-]*|&quot;</span><span style="color: #339933;">,</span><span style="color: #000088;">$str</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span></pre>
</li>
<li style="background-color:#f7f7f7;">
<pre style="">	<span style="color: #000088;">$str</span> <span style="color: #339933;">=</span> <a href="http://www.php.net/str_replace"><span style="color: #008000; font-weight: bold;">str_replace</span></a><span style="color: #009900;">&#40;</span><span style="color: #000088;">$str</span><span style="color: #339933;">,</span><span style="color: red;">'&lt;a href=&quot;http://twitter.com/'</span> <span style="color: #339933;">.</span></pre>
</li>
<li style="background-color:#fff;">
<pre style="">               <a href="http://www.php.net/substr"><span style="color: #008000; font-weight: bold;">substr</span></a><span style="color: #009900;">&#40;</span><span style="color: #000088;">$str</span><span style="color: #339933;">,</span><span style="color: #cc66cc;">1</span><span style="color: #339933;">,</span><a href="http://www.php.net/strlen"><span style="color: #008000; font-weight: bold;">strlen</span></a><span style="color: #009900;">&#40;</span><span style="color: #000088;">$str</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span><span style="color: red;">'&quot;&gt;'</span><span style="color: #339933;">.</span><span style="color: #000088;">$str</span><span style="color: #339933;">.</span><span style="color: red;">'&lt;/a&gt;'</span><span style="color: #339933;">,</span><span style="color: #000088;">$str</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre>
</li>
<li style="background-color:#f7f7f7;">
<pre style="">      <span style="color: #009900;">&#125;</span></pre>
</li>
<li style="background-color:#fff;">
<pre style="">      <span style="color: #000088;">$result</span> <span style="color: #339933;">.=</span> <span style="color: red;">' '</span><span style="color: #339933;">.</span><span style="color: #000088;">$str</span><span style="color: #339933;">;</span></pre>
</li>
<li style="background-color:#f7f7f7;">
<pre style="">     <span style="color: #009900;">&#125;</span></pre>
</li>
<li style="background-color:#fff;">
<pre style="">   <span style="color: #009900;">&#125;</span></pre>
</li>
<li style="background-color:#f7f7f7;">
<pre style="">   <span style="color: #0000bb;">return</span> <a href="http://www.php.net/trim"><span style="color: #008000; font-weight: bold;">trim</span></a><span style="color: #009900;">&#40;</span><span style="color: #000088;">$result</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre>
</li>
<li style="background-color:#fff;">
<pre style=""><span style="color: #009900;">&#125;</span></pre>
</li>
<li style="background-color:#f7f7f7;">
<pre style=""><span style="color: #000000; font-weight: bold;">?&gt;</span></pre>
</li>
</ol>
</div>
</div>
<p>Für Tags kann dieser Codeschinpsel ebenfalls verwendet werden, es müsste lediglich @ mit # ersetzt werden und die erlaubten Zeichen überprüft werden.</p>
<img src="http://feeds.feedburner.com/~r/Pixelspaceorg/de/~4/k-kbflBP4LA" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.pixelspace.org/2008/11/php-link-zum-twitter-user-generieren/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.pixelspace.org/2008/11/php-link-zum-twitter-user-generieren/</feedburner:origLink></item>
		<item>
		<title>Server-Umzug</title>
		<link>http://feedproxy.google.com/~r/Pixelspaceorg/de/~3/FKskqMFrCB8/</link>
		<comments>http://www.pixelspace.org/2008/11/server-umzug/#comments</comments>
		<pubDate>Wed, 19 Nov 2008 08:42:23 +0000</pubDate>
		<dc:creator>Dan</dc:creator>
				<category><![CDATA[allgemein]]></category>

		<guid isPermaLink="false">http://www.pixelspace.org/2008/11/19/server-umzug/</guid>
		<description><![CDATA[Nach einem Anbieterwechsel befinden sich diese Seiten f&#252;r einige Tage im Umbau. Dadurch kann es hin und wieder zu kleinen Problemen bei der Verf&#252;gbarkeit kommen.]]></description>
			<content:encoded><![CDATA[<p>Nach einem Anbieterwechsel befinden sich diese Seiten f&uuml;r einige Tage im Umbau. Dadurch kann es hin und wieder zu kleinen Problemen bei der Verf&uuml;gbarkeit kommen.</p>
<img src="http://feeds.feedburner.com/~r/Pixelspaceorg/de/~4/FKskqMFrCB8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.pixelspace.org/2008/11/server-umzug/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.pixelspace.org/2008/11/server-umzug/</feedburner:origLink></item>
	</channel>
</rss>
