<?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>gro blog</title>
	<atom:link href="http://markus.dermietzel.de/feed" rel="self" type="application/rss+xml" />
	<link>http://markus.dermietzel.de</link>
	<description>Blog of Markus Dermietzel on design-related topics.</description>
	<lastBuildDate>Sat, 18 Jun 2011 21:18:35 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>Tactile holographic interface</title>
		<link>http://markus.dermietzel.de/tactile-holographic-interface</link>
		<comments>http://markus.dermietzel.de/tactile-holographic-interface#comments</comments>
		<pubDate>Sat, 18 Jun 2011 21:06:37 +0000</pubDate>
		<dc:creator>Markus Dermietzel</dc:creator>
				<category><![CDATA[User Interfaces]]></category>

		<guid isPermaLink="false">http://markus.dermietzel.de/?p=66</guid>
		<description><![CDATA[This will be a huge step forward in future User Experience Design. Since I saw the video almost 2 years ago, I am sure, some day there will be tactile user interfaces, which really work. Tweet This Post]]></description>
			<content:encoded><![CDATA[<p><iframe width="425" height="349" src="http://www.youtube.com/embed/Y-P1zZAcPuw?rel=0" frameborder="0" allowfullscreen></iframe></p>
<p><iframe width="425" height="349" src="http://www.youtube.com/embed/3seTlvQtIgc?rel=0" frameborder="0" allowfullscreen></iframe></p>
<p>This will be a huge step forward in future User Experience Design. Since I saw the video almost 2 years ago, I am sure, some day there will be tactile user interfaces, which really work.</p>
<div class="tweetthis" style="text-align:left;"><p> <a class="tt" href="http://twitter.com/home/?status=Tactile+holographic+interface+http%3A%2F%2Fmarkus.dermietzel.de%2F%3Fp%3D66" title="Post to Twitter"><img class="nothumb" src="http://markus.dermietzel.de/wp-content/plugins/tweet-this/icons/en/twitter/tt-twitter.png" alt="Post to Twitter" /></a> <a class="tt" href="http://twitter.com/home/?status=Tactile+holographic+interface+http%3A%2F%2Fmarkus.dermietzel.de%2F%3Fp%3D66" title="Post to Twitter">Tweet This Post</a></p></div>]]></content:encoded>
			<wfw:commentRss>http://markus.dermietzel.de/tactile-holographic-interface/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Interessant, diese CSS Sprites</title>
		<link>http://markus.dermietzel.de/coole-sache-diese-css-sprites</link>
		<comments>http://markus.dermietzel.de/coole-sache-diese-css-sprites#comments</comments>
		<pubDate>Wed, 29 Apr 2009 14:31:08 +0000</pubDate>
		<dc:creator>Markus Dermietzel</dc:creator>
				<category><![CDATA[Web Application Design]]></category>

		<guid isPermaLink="false">http://markus.dermietzel.de/?p=44</guid>
		<description><![CDATA[Ein interessantes Detail, das mir jetzt erst nachhaltig aufgefallen ist: CSS Sprites. Seit geraumer Zeit verwenden wir die Positionierung von mehreren CSS-Hintergrundbildern in einer Image-Datei z.B. für hover-Effekte. Dass diese Vorgehensweise jedoch auf alle CSS-Hintergrundbilder in einer Seite ausgeweitet werden kann und bereits in vielen großen Portalen gängige Praxis ist, war mir neu. Das Smashing [...]]]></description>
			<content:encoded><![CDATA[
<a href="http://markus.dermietzel.de/wp-content/gallery/themenbilder/cnt_csssprites.png" title="" class="shutterset_singlepic6" >
	<img class="ngg-singlepic" src="http://markus.dermietzel.de/wp-content/gallery/cache/6__320x240_cnt_csssprites.png" alt="cnt_csssprites.png" title="cnt_csssprites.png" />
</a>

<p>Ein interessantes Detail, das mir jetzt erst nachhaltig aufgefallen ist: CSS Sprites. Seit geraumer Zeit verwenden wir die Positionierung von mehreren CSS-Hintergrundbildern in einer Image-Datei z.B. für hover-Effekte. Dass diese Vorgehensweise jedoch auf alle CSS-Hintergrundbilder in einer Seite ausgeweitet werden kann und bereits in vielen großen Portalen gängige Praxis ist, war mir neu. Das Smashing Magazine hat sich der Sache angenommen und führt verschiedene <a title="Smashing Magazine – CSS Sprites" href="http://www.smashingmagazine.com/2009/04/27/the-mystery-of-css-sprites-techniques-tools-and-tutorials/">Beispiele</a> auf. Die Möglichkeiten sind verlockend: Kein Flackern mehr beim Laden der CSS-Hintergrundbilder; nur ein Bild im CMS für das Redesign austauschen, etc. Und es gibt wieder einmal mehr nette Menschen, die sogar einen <a title="Project Fondue – CSS Sprite Generator" href="http://spritegen.website-performance.org/">Generator</a> für CSS-Sprites samt CSS-Code kostenlos ins Netz stellen.</p>
<div class="tweetthis" style="text-align:left;"><p> <a class="tt" href="http://twitter.com/home/?status=Interessant%2C+diese+CSS+Sprites+http%3A%2F%2Fmarkus.dermietzel.de%2F%3Fp%3D44" title="Post to Twitter"><img class="nothumb" src="http://markus.dermietzel.de/wp-content/plugins/tweet-this/icons/en/twitter/tt-twitter.png" alt="Post to Twitter" /></a> <a class="tt" href="http://twitter.com/home/?status=Interessant%2C+diese+CSS+Sprites+http%3A%2F%2Fmarkus.dermietzel.de%2F%3Fp%3D44" title="Post to Twitter">Tweet This Post</a></p></div>]]></content:encoded>
			<wfw:commentRss>http://markus.dermietzel.de/coole-sache-diese-css-sprites/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Webfonts – Land in Sicht?</title>
		<link>http://markus.dermietzel.de/webfonts-land-in-sicht</link>
		<comments>http://markus.dermietzel.de/webfonts-land-in-sicht#comments</comments>
		<pubDate>Wed, 29 Apr 2009 14:04:21 +0000</pubDate>
		<dc:creator>Markus Dermietzel</dc:creator>
				<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://markus.dermietzel.de/?p=35</guid>
		<description><![CDATA[Und wieder ein Artikel über Webfonts, diesmal bei A List Apart. Um die Anforderungen von Styleguides bezüglich Typografie auch im Web besser umsetzen zu können, haben wir nun schon für einige Internet- und Intranetprojekte sIFR eingesetzt. Mit allen Problemen, die sich durch diese experimentelle Lösung ergeben: kurzes Flackern der Schriften beim Laden der Flashcontainer Probleme [...]]]></description>
			<content:encoded><![CDATA[
<a href="http://markus.dermietzel.de/wp-content/gallery/themenbilder/cnt_webfonts.jpg" title="" class="shutterset_singlepic5" >
	<img class="ngg-singlepic" src="http://markus.dermietzel.de/wp-content/gallery/cache/5__320x240_cnt_webfonts.jpg" alt="cnt_webfonts.jpg" title="cnt_webfonts.jpg" />
</a>

<p>Und wieder ein Artikel über Webfonts, diesmal bei <a title="A List Apart – real fonts on the web" href="http://www.alistapart.com/articles/realfontsontheweb">A List Apart</a>. Um die Anforderungen von Styleguides bezüglich Typografie auch im Web besser umsetzen zu können, haben wir nun schon für einige Internet- und Intranetprojekte <a title="Der Developer von sIFR." href="http://www.mikeindustries.com/blog/sifr/">sIFR</a> eingesetzt. Mit allen Problemen, die sich durch diese experimentelle Lösung ergeben:</p>
<ul>
<li>kurzes Flackern der Schriften beim Laden der Flashcontainer</li>
<li>Probleme mit Java Scripts</li>
<li>Probleme mit CSS-Hintergrundbildern z.B. bei Flyout-Navigations-Elementen</li>
<li>Fehlen der Skalierung der Fonts, also Limitierungen bei der Barrierefreiheit.</li>
</ul>
<p>Ich möchte jedoch nicht meckern über den verdienstvollen Einsatz, den Mike Davidson hier gebracht hat, typografische Vielfalt ins Netz zu bringen. Vielmehr sind die Schriftenhersteller gefragt, endlich Lizenzmodelle fürs Web anzubieten. Es befindet sich eigentlich ein ganzer Berufsstand in Warteposition: Wann geht es für Webdesigner endlich ohne Flash richtig los mit Schriften im Netz?</p>
<p>Ein Anruf bei den immer freundlichen und kompetenten Kundenberatern bei <a title="Fontshop" href="http://www.fontshop.de">Fontshop</a> brachte keine neuen Erkenntnisse: Ja, wir sehen es auch so, dass das ein Markt ist, der leider immer noch nicht bedient wird. Nein, die Schriftenhersteller haben noch kein nennenswertes Programm mit hochwertigen Schriften im Angebot, die für die Verwendung im Netz lizenziert werden können. Verwenden Sie doch bitte in der Zwischenzeit die <a title="Graublau Font fürs Web" href="http://www.fonts.info/info/press/kostenlose-Fonts-zur-Einbettung-in-Webseiten-per-font-face.htm">Graublau</a>.</p>
<p>Somit sind wir offenbar in 2009 weiter darauf angewiesen, freie Fonts über <a title="CSS3 Webfonts" href="http://www.w3.org/TR/css3-webfonts/">@font-face</a> für Safari 3 oder Firefox 3.1 beta einzubinden oder mit diesem <a title="WEFT" href="http://www.microsoft.com/typography/WEFT.mspx">abenteuerlichen Tool</a> von Microsoft als <a title="Adobe über .EOT" href="http://blogs.adobe.com/typblography/2008/09/web_fonts_2.html">Embedded Open Type</a> für die Internet Explorer 4–7 und evtl. 8 <a title="font face in IE" href="http://jontangerine.com/log/2008/10/font-face-in-ie-making-web-fonts-work">zu erzeugen</a> und einzubinden. Wie lange noch?</p>
<div class="tweetthis" style="text-align:left;"><p> <a class="tt" href="http://twitter.com/home/?status=Webfonts+%E2%80%93+Land+in+Sicht%3F+http%3A%2F%2Fmarkus.dermietzel.de%2F%3Fp%3D35" title="Post to Twitter"><img class="nothumb" src="http://markus.dermietzel.de/wp-content/plugins/tweet-this/icons/en/twitter/tt-twitter.png" alt="Post to Twitter" /></a> <a class="tt" href="http://twitter.com/home/?status=Webfonts+%E2%80%93+Land+in+Sicht%3F+http%3A%2F%2Fmarkus.dermietzel.de%2F%3Fp%3D35" title="Post to Twitter">Tweet This Post</a></p></div>]]></content:encoded>
			<wfw:commentRss>http://markus.dermietzel.de/webfonts-land-in-sicht/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>B &#8230; wie Babylon</title>
		<link>http://markus.dermietzel.de/b-wie-babylon</link>
		<comments>http://markus.dermietzel.de/b-wie-babylon#comments</comments>
		<pubDate>Sun, 26 Apr 2009 19:54:57 +0000</pubDate>
		<dc:creator>Markus Dermietzel</dc:creator>
				<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://markus.dermietzel.de/?p=18</guid>
		<description><![CDATA[arte sendete am Samstag, den 25. April 2009 um 21.50 eine hochinteressante Dokumentation (Dauer: 55min) über Babylon. Faszinierend daran waren insbesondere die Bilder der babylonischen Keilschrift, deren Piktogramme in Ton geschrieben oder in Stein gemeißelt wurde. Ein hochentwickeltes Zeichensystem, das vor rund 4000 Jahren Grundlage für die gesamte Literatur dieser und der folgenden Zeit in [...]]]></description>
			<content:encoded><![CDATA[
<a href="http://markus.dermietzel.de/wp-content/gallery/themenbilder/b-wie-babylon.jpg" title="" class="shutterset_singlepic4" >
	<img class="ngg-singlepic" src="http://markus.dermietzel.de/wp-content/gallery/cache/4__320x240_b-wie-babylon.jpg" alt="b-wie-babylon.jpg" title="b-wie-babylon.jpg" />
</a>

<p>arte sendete am Samstag, den 25. April 2009 um 21.50 eine hochinteressante <a title="Videoaufzeichnung von B ... wie Babylon" href="http://plus7.arte.tv/de/detailPage/1697660,CmC=2586726,scheduleId=2550642.html">Dokumentation</a> (Dauer:                   55min)            über Babylon. Faszinierend daran waren insbesondere die Bilder der babylonischen Keilschrift, deren Piktogramme in Ton geschrieben oder in Stein gemeißelt wurde. Ein hochentwickeltes Zeichensystem, das vor rund 4000 Jahren Grundlage für die gesamte Literatur dieser und der folgenden Zeit in dieser Region und darüber hinaus war. Interessant auch die Bilder des Steinblocks, auf dem die für alle Bürger sichtbare &#8220;Verfassung&#8221;, der <a title="Codex Hammurapi" href="http://de.wikipedia.org/wiki/Codex_Hammurapi"><strong>Codex Hammurapi</strong></a>, eine Rechtssammlung König <a title="Hammurapi" href="http://de.wikipedia.org/wiki/Hammurapi">Hammurapis</a> von <a title="Babylon" href="http://de.wikipedia.org/wiki/Babylon">Babylon</a> eingemeißelt war.</p>
<div class="tweetthis" style="text-align:left;"><p> <a class="tt" href="http://twitter.com/home/?status=B+%E2%80%A6+wie+Babylon+http%3A%2F%2Fmarkus.dermietzel.de%2F%3Fp%3D18" title="Post to Twitter"><img class="nothumb" src="http://markus.dermietzel.de/wp-content/plugins/tweet-this/icons/en/twitter/tt-twitter.png" alt="Post to Twitter" /></a> <a class="tt" href="http://twitter.com/home/?status=B+%E2%80%A6+wie+Babylon+http%3A%2F%2Fmarkus.dermietzel.de%2F%3Fp%3D18" title="Post to Twitter">Tweet This Post</a></p></div>]]></content:encoded>
			<wfw:commentRss>http://markus.dermietzel.de/b-wie-babylon/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Thema01 Kreise: Josh Davis &#8220;Carnivore&#8221; vs. Max Bill &#8220;16 Constellations&#8221;</title>
		<link>http://markus.dermietzel.de/thema01-kreise-josh-davis-carnivore-vs-max-bill-16-constellations</link>
		<comments>http://markus.dermietzel.de/thema01-kreise-josh-davis-carnivore-vs-max-bill-16-constellations#comments</comments>
		<pubDate>Fri, 27 Feb 2009 22:07:05 +0000</pubDate>
		<dc:creator>Markus Dermietzel</dc:creator>
				<category><![CDATA[Basics of design]]></category>

		<guid isPermaLink="false">http://www.gro.de/_groblog/?p=3</guid>
		<description><![CDATA[Als ich neulich wieder einmal durch die nach wie vor wunderbare &#8220;Praystation&#8221; von Joshua Davis streunte, fiel mir eine schönes Thema der &#8220;klassischen&#8221; grafischen Gestaltung auf, welches nun im digitalen Zeitalter weiterbearbeitet wird. Die wunderbaren &#8220;Carnivore&#8221; von 2002, dynamisch in Flash erzeugte halbtransparente Kreise von Joshua Davis, ähneln sehr den grafischen Experimenten in &#8220;16 Constellations&#8221; [...]]]></description>
			<content:encoded><![CDATA[
<a href="http://markus.dermietzel.de/wp-content/gallery/themenbilder/thema01_kreise.jpg" title="" class="shutterset_singlepic2" >
	<img class="ngg-singlepic" src="http://markus.dermietzel.de/wp-content/gallery/cache/2__320x240_thema01_kreise.jpg" alt="thema01_kreise.jpg" title="thema01_kreise.jpg" />
</a>

<p>Als ich neulich wieder einmal durch die nach wie vor wunderbare &#8220;<a title="Praystation" href="http://ps3.praystation.com/pound/v2/">Praystation&#8221;</a> von Joshua Davis streunte, fiel mir eine schönes Thema der &#8220;klassischen&#8221; grafischen Gestaltung auf, welches nun im digitalen Zeitalter weiterbearbeitet wird. Die wunderbaren &#8220;Carnivore&#8221; von 2002, dynamisch in Flash erzeugte halbtransparente Kreise von Joshua Davis, ähneln sehr den grafischen Experimenten in <a title="Google-Bilder-Suche nach &quot;16 Constellations&quot;" href="http://images.google.de/images?hl=de&amp;client=firefox-a&amp;rls=org.mozilla:de:official&amp;um=1&amp;q=Max+Bill+16+Constellations&amp;sa=N&amp;start=0&amp;ndsp=18">&#8220;16 Constellations&#8221;</a> (1975) von Max Bill. Vorläufer dieser Experimente begann Bill bereits in den 30er Jahren des 20 Jahrhunderts.</p>
<div class="tweetthis" style="text-align:left;"><p> <a class="tt" href="http://twitter.com/home/?status=Thema01+Kreise%3A+Josh+Davis+%E2%80%9CCarnivore%E2%80%9D+vs.+Max+Bill+%E2%80%9C16+Constellations%E2%80%9D+http%3A%2F%2Fmarkus.dermietzel.de%2F%3Fp%3D3" title="Post to Twitter"><img class="nothumb" src="http://markus.dermietzel.de/wp-content/plugins/tweet-this/icons/en/twitter/tt-twitter.png" alt="Post to Twitter" /></a> <a class="tt" href="http://twitter.com/home/?status=Thema01+Kreise%3A+Josh+Davis+%E2%80%9CCarnivore%E2%80%9D+vs.+Max+Bill+%E2%80%9C16+Constellations%E2%80%9D+http%3A%2F%2Fmarkus.dermietzel.de%2F%3Fp%3D3" title="Post to Twitter">Tweet This Post</a></p></div>]]></content:encoded>
			<wfw:commentRss>http://markus.dermietzel.de/thema01-kreise-josh-davis-carnivore-vs-max-bill-16-constellations/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Hello world!</title>
		<link>http://markus.dermietzel.de/hello-world</link>
		<comments>http://markus.dermietzel.de/hello-world#comments</comments>
		<pubDate>Tue, 09 Oct 2007 23:00:08 +0000</pubDate>
		<dc:creator>Markus Dermietzel</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.gro.de/_groblog/?p=1</guid>
		<description><![CDATA[Welcome to WordPress. This is your first post. Edit or delete it, then start blogging! In regelmäßiger Abfolge werden hier gestalterische Themen präsentiert. Kommentare sind immer gern gesehen! Tweet This Post]]></description>
			<content:encoded><![CDATA[<p>Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!</p>
<p>In regelmäßiger Abfolge werden hier gestalterische Themen präsentiert. Kommentare sind immer gern gesehen!</p>
<div class="tweetthis" style="text-align:left;"><p> <a class="tt" href="http://twitter.com/home/?status=Hello+world%21+http%3A%2F%2Fmarkus.dermietzel.de%2F%3Fp%3D1" title="Post to Twitter"><img class="nothumb" src="http://markus.dermietzel.de/wp-content/plugins/tweet-this/icons/en/twitter/tt-twitter.png" alt="Post to Twitter" /></a> <a class="tt" href="http://twitter.com/home/?status=Hello+world%21+http%3A%2F%2Fmarkus.dermietzel.de%2F%3Fp%3D1" title="Post to Twitter">Tweet This Post</a></p></div>]]></content:encoded>
			<wfw:commentRss>http://markus.dermietzel.de/hello-world/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

