<?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>Visualhype Webentwickler Blog &#187; Visuell</title>
	<atom:link href="http://visualhype.de/kategorie/visuell/feed/" rel="self" type="application/rss+xml" />
	<link>http://visualhype.de</link>
	<description>Webentwickler Blog von Michael Szumielewski aus München</description>
	<lastBuildDate>Sun, 05 Jun 2011 20:51:46 +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>Awesome Lego Star Wars Fotografie</title>
		<link>http://visualhype.de/lego-star-wars-fotos/</link>
		<comments>http://visualhype.de/lego-star-wars-fotos/#comments</comments>
		<pubDate>Tue, 22 Dec 2009 00:03:59 +0000</pubDate>
		<dc:creator>Michael Szumielewski</dc:creator>
				<category><![CDATA[Visuell]]></category>

		<guid isPermaLink="false">http://visualhype.de/?p=671</guid>
		<description><![CDATA[
Star Wars und Lego ist eine geniale Kombination wie sie besser nicht sein könnte. Im Fotostream von Avanaut gibt es viele coole Lego Star Wars Fotos zu bestaunen.
Die besondere Technik mit der die Fotos gemacht wurden, beschreibt der Fotograf in einem Making Of in einem Kommentar zu dem Bild &#8220;The Inconvenient Flaw of the Y-Wing&#8221;. [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.flickr.com/photos/40195501@N06/" title="Awesome Lego Star Wars Fotos"><img src="http://visualhype.de/wp-content/uploads/lego-star-wars-im-schnee.jpg" alt="Awesome Lego Star Wars Fotos" width="547" height="365" class="alignnone size-full wp-image-672" /></a></p>
<p><strong>Star Wars und Lego</strong> ist eine geniale Kombination wie sie besser nicht sein könnte. Im Fotostream von <a href="http://www.flickr.com/photos/40195501@N06/">Avanaut</a> gibt es viele coole Lego Star Wars Fotos zu bestaunen.<br />
Die besondere Technik mit der die Fotos gemacht wurden, beschreibt der Fotograf in einem <em>Making Of</em> in einem <a href="http://www.flickr.com/photos/40195501@N06/4165241605/#comment72157622828249089">Kommentar</a> zu dem Bild &#8220;The Inconvenient Flaw of the Y-Wing&#8221;. Enjoy!</p>
]]></content:encoded>
			<wfw:commentRss>http://visualhype.de/lego-star-wars-fotos/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Kostenlose CSS Templates</title>
		<link>http://visualhype.de/kostenlose-css-templates/</link>
		<comments>http://visualhype.de/kostenlose-css-templates/#comments</comments>
		<pubDate>Wed, 30 Nov -0001 00:00:00 +0000</pubDate>
		<dc:creator>Gast</dc:creator>
				<category><![CDATA[Visuell]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Wenn das Wort Websitetemplate ertönt, denkt sicher der Ein oder Andere an den kommerziellen Betreiber Templatemonster. Die Templates von diesem Anbieter sind vielleicht optisch ganz ansprechend, allerdings aus heutiger technischer Sicht längst überholt. Viel zu viel Flash und mehr oder weniger schlecht in CSS umsetzbar.
Diesen Bereicht hat sich nun FreeCSSTemplates.org mit vorerst 90 CSS-Vorlagen angenommen. [...]]]></description>
			<content:encoded><![CDATA[<p>Wenn das Wort Websitetemplate ertönt, denkt sicher der Ein oder Andere an den kommerziellen Betreiber <a href="http://www.templatemonster.com/" target="_blank">Templatemonster</a>. Die Templates von diesem Anbieter sind vielleicht optisch ganz ansprechend, allerdings aus heutiger technischer Sicht längst überholt. Viel zu viel Flash und mehr oder weniger schlecht in CSS umsetzbar.</p>
<p>Diesen Bereicht hat sich nun <a href="http://www.freecsstemplates.org/" target="_blank">FreeCSSTemplates.org</a> mit vorerst 90 CSS-Vorlagen angenommen. Das Angebot kann bequem durchsucht und die jeweiligen Templates in Aktion begutachtet werden. Die als kostenloses ZIP-Archiv angebotenen Designs unterliegen der Creatuve Commons Licence &#8211; können also privat und kommerziell genutzt werden.</p>
<p>Die Qualität kommt zwar bei weiten nicht an Vorlagen wie <a href="http://csszengarden.com/" target="_blank">CSSZenGarden</a> heran, aber für so manchen Anfänger sicher ein guter Einstiegspunkt.</p>
]]></content:encoded>
			<wfw:commentRss>http://visualhype.de/kostenlose-css-templates/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Snap deaktivieren</title>
		<link>http://visualhype.de/snap-deaktivieren/</link>
		<comments>http://visualhype.de/snap-deaktivieren/#comments</comments>
		<pubDate>Wed, 30 Nov -0001 00:00:00 +0000</pubDate>
		<dc:creator>Gast</dc:creator>
				<category><![CDATA[Visuell]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Immer mehr Seiten nutzen den Service von snap.com um Vorschaubilder von Links zu erhalten. Die Idee [d]ist[/d] war gut, dass man Inhalte von Links mit einem kleinen Vorschaubild visualisieren lässt. Ist der Linktext allerdings interessant genug klicke ich auf den Link und warte nicht, bis snap die Seite aufgerufen, fotografiert und an mich zurückgeschickt hat.
Ich [...]]]></description>
			<content:encoded><![CDATA[<p>Immer mehr Seiten nutzen den Service von snap.com um Vorschaubilder von Links zu erhalten. Die Idee [d]ist[/d] war gut, dass man Inhalte von Links mit einem kleinen Vorschaubild visualisieren lässt. Ist der Linktext allerdings interessant genug klicke ich auf den Link und warte nicht, bis snap die Seite aufgerufen, fotografiert und an mich zurückgeschickt hat.</p>
<p>Ich denke der Trend geht dahin, dass man Vorschaubilder bekommt (zeigt z.B. exalead ganz deutlich), allerdings ist snap etwas übertrieben, sodass man die Vorschau mittels Cookie Seiten übergreifend <a href="http://www.snap.com/about/spa_faq.php#2" target="_blank">deaktivieren</a> kann.</p>
<p>via <a href="http://wirres.net/article/articleview/4195/1/6/" target="_blank">wirres</a></p>
]]></content:encoded>
			<wfw:commentRss>http://visualhype.de/snap-deaktivieren/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Top Fehler beim Webdesign</title>
		<link>http://visualhype.de/top-fehler-beim-webdesign/</link>
		<comments>http://visualhype.de/top-fehler-beim-webdesign/#comments</comments>
		<pubDate>Wed, 30 Nov -0001 00:00:00 +0000</pubDate>
		<dc:creator>Gast</dc:creator>
				<category><![CDATA[Visuell]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Jakob Nielsen hat wie jedes Jahr die Top Ten Mistakes in Web Design herausgegeben. Die Vergangenen Jahre bis 1996 findet man ebenfalls auf der Seite.

Schlechte Suche[br]Schlechte Fehlerkorrektur bei Suchfeldern.
Eingebundene PDF-Dateien[br]User hassen PDF-Dateien, die während des Surfens geöffnet werden.
Kein Farb-Wechsel bei besuchten Links[br]Besuchte Links sollten anders formatiert werden.
Schlecht lesbarer Text[br]Reiner Fließtext ohne Absätze ist tötlich.
Feste Schriftgröße[br]CSS [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.useit.com/alertbox/9605.html" target="_blank">Jakob Nielsen</a> hat wie jedes Jahr die <strong>Top Ten Mistakes in Web Design</strong> herausgegeben. Die Vergangenen Jahre bis 1996 findet man ebenfalls auf der Seite.</p>
<ol>
<li><strong>Schlechte Suche</strong>[br]Schlechte Fehlerkorrektur bei Suchfeldern.</li>
<li><strong>Eingebundene PDF-Dateien</strong>[br]User hassen PDF-Dateien, die während des Surfens geöffnet werden.</li>
<li><strong>Kein Farb-Wechsel bei besuchten Links</strong>[br]Besuchte Links sollten anders formatiert werden.</li>
<li><strong>Schlecht lesbarer Text</strong>[br]Reiner Fließtext ohne Absätze ist tötlich.</li>
<li><strong>Feste Schriftgröße</strong>[br]CSS wird dahingehend nur mäßig genutzt.</li>
<li><strong>Seitentitel ohne Suchmaschinenrelevanz</strong>[br]Titel nicht Suchmaschinentauglich.</li>
<li><strong>Alles riecht nach Werbung</strong>[br]Nach den bunten Bannern kamen die Text-Ads. Man muss nun überall mit Werbung rechnen.</li>
<li><strong>Designregeln nicht beachtet</strong>[br]Immer wieder gleiche Elemente zur Wiedererkennung.</li>
<li><strong>Neue Browserfenster</strong>[br]Aufpoppen von neuen Fenstern für weitere Navigation.</li>
<li><strong>Ignorieren von User-Fragen</strong>[br]Ignorieren des eigentlich Wichtigsten Elements.</li>
</ol>
<p>Sinnfreie Übersetzung durch mich <img src='http://visualhype.de/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  Ich denke die größten Probleme wurden damit abgedeckt. Denkt man sich dabei nun &quot;Warum ist das oder das auf der Liste?&quot;, sollte man sich sein Konzept nochmal überdenken.</p>
]]></content:encoded>
			<wfw:commentRss>http://visualhype.de/top-fehler-beim-webdesign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Animierter TagCloud</title>
		<link>http://visualhype.de/animierter-tagcloud/</link>
		<comments>http://visualhype.de/animierter-tagcloud/#comments</comments>
		<pubDate>Wed, 30 Nov -0001 00:00:00 +0000</pubDate>
		<dc:creator>Gast</dc:creator>
				<category><![CDATA[Visuell]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Tagclouds sind praktisch &#8211; keine Frage. Man kann einfach themenrelevante Seiten ausfindig machen und sich darüber hinaus über ein Thema informieren. Allerdings sind diese visualisierten Linkfarmen nicht immer schön anzusehen.
Einen Blickfang könnten die Living-Tags versprechen. Da allerdings auf Flash zurückgegriffen wird, ist dies unter Umständen nachteilig im Bezug auf Suchmaschinen. Zumindest theoretisch. Zu dem Thema [...]]]></description>
			<content:encoded><![CDATA[<p>Tagclouds sind praktisch &#8211; keine Frage. Man kann einfach themenrelevante Seiten ausfindig machen und sich darüber hinaus über ein Thema informieren. Allerdings sind diese visualisierten Linkfarmen nicht immer schön anzusehen.</p>
<p>Einen Blickfang könnten die <a href="http://manfred.dschini.org/living-tags/" target="_blank">Living-Tags</a> versprechen. Da allerdings auf Flash zurückgegriffen wird, ist dies unter Umständen nachteilig im Bezug auf Suchmaschinen. Zumindest theoretisch. Zu dem Thema später noch ein Artikel.</p>
<p>Sicher lässt sich ein solcher Cloud auch mit Ajax umsetzen. Bei den Living-Tags sehe ich den Nachteil, dass diese schnell überfüllt sein könnten (z.B. mit unseren Tags) und auch die Größenberechnung scheint nicht wirklich durchdacht zu sein, oder in dem Beispiel wurden extrem auseinander liegende Gewichte verwendet. Wir haben ja eigentlich einen recht ansehnlichen TagCloud, dass ich diese Lösung jetzt nicht extra getestet habe.</p>
]]></content:encoded>
			<wfw:commentRss>http://visualhype.de/animierter-tagcloud/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Entstehung des Disco Icons</title>
		<link>http://visualhype.de/entstehung-des-disco-icons/</link>
		<comments>http://visualhype.de/entstehung-des-disco-icons/#comments</comments>
		<pubDate>Wed, 30 Nov -0001 00:00:00 +0000</pubDate>
		<dc:creator>Michael Szumielewski</dc:creator>
				<category><![CDATA[Visuell]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Jasper Hauser zeigt die Erstellung eines Icons anhand des Disco Logos. 
Icons sind schön anzuschauen, wie eines entsteht wird zum Beispiel im Blog von Jasper Hauser gezeigt. Von den Rohskizzen bis zum fertigen Icon wird alles erklärt. Am Ende des Prozesses kommt das Logo der Applikation Disco heraus. Schön anzusehen, wer mehr von Jasper Hausers [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Jasper Hauser zeigt die Erstellung eines Icons anhand des Disco Logos. </strong><br />
Icons sind schön anzuschauen, wie eines entsteht wird zum Beispiel im <a href="http://www.jasperhauser.nl/weblog/2006/11/fire-starter.html" target="_blank">Blog</a> von Jasper Hauser gezeigt. Von den Rohskizzen bis zum fertigen Icon wird alles erklärt. Am Ende des Prozesses kommt das Logo der Applikation <a href="http://www.discoapp.com/" target="_blank">Disco</a> heraus. Schön anzusehen, wer mehr von Jasper Hausers Designkünsten sehen will, dem empfehle ich einen Besuch in seinem <a href="http://www.jasperhauser.nl/icon/" target="_blank">Portfolio</a>.<br />
via <a href="http://www.pixelgraphix.de/einzeiler/2006-11/wie-ein-icon-entsteht-.php" target="_blank">pixelgraphix</a></p>
]]></content:encoded>
			<wfw:commentRss>http://visualhype.de/entstehung-des-disco-icons/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Color Palette Generator &amp; Color Picker</title>
		<link>http://visualhype.de/color-palette-generator-color-picker/</link>
		<comments>http://visualhype.de/color-palette-generator-color-picker/#comments</comments>
		<pubDate>Wed, 30 Nov -0001 00:00:00 +0000</pubDate>
		<dc:creator>Michael Szumielewski</dc:creator>
				<category><![CDATA[Visuell]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[http://www.degraeve.com/color-palette/ Color Palette Generator und Color Picker sind zwei nützliche Tools um Farbschemata für Webdesign zu finden.
Um ein Farbschema für eine Website zu erstellen gibt es mehrere Wege. Wie Manuela von Pixelgraphix in ihrem Buch Professionelles Webdesign mit (X)HTML und CSS erklärt, kann man das mit Hilfe eines Fotos machen. Man pickt einfach Farben aus [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.degraeve.com/color-palette/" target="_blank">http://www.degraeve.com/color-palette/</a> <strong>Color Palette Generator und Color Picker sind zwei nützliche Tools um Farbschemata für Webdesign zu finden.</strong><br />
Um ein Farbschema für eine Website zu erstellen gibt es mehrere Wege. Wie Manuela von <a href="http://www.pixelgraphix.de/log/2006-11/color-palette-generator.php" target="_blank">Pixelgraphix</a> in ihrem Buch <a href="http://www.amazon.de/exec/obidos/ASIN/3898427358/adi2detheallr-21" target="_blank">Professionelles Webdesign mit (X)HTML und CSS</a> erklärt, kann man das mit Hilfe eines Fotos machen. Man pickt einfach Farben aus dem Bild heraus. Automatisieren kann man diesen Vorgang jetzt mit dem <a href="http://www.degraeve.com/color-palette/" target="_blank">Color Palette Generator</a> von Steven DeGraeve. Aus einem Bild, das man auf die Seite hochläd, werden zwei Farbpaletten erstellt. Sehr praktisch wie ich finde.<br />
Ein ähnlich nützliches Tool ist der <a href="http://www.degraeve.com/reference/color.php" target="_blank">Color Picker</a>, bei dem man einen Farbwert eingibt und dazu eine entsprechende Palette erhält.<br />
Farbschemata sind wichtig für jedes gute Webdesign. Wer damit noch nicht gearbeitet hat, dem empfehle ich wärmstens sich mal damit auseinander zu setzen.  </p>
]]></content:encoded>
			<wfw:commentRss>http://visualhype.de/color-palette-generator-color-picker/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Guess The Logo</title>
		<link>http://visualhype.de/guess-the-logo/</link>
		<comments>http://visualhype.de/guess-the-logo/#comments</comments>
		<pubDate>Wed, 30 Nov -0001 00:00:00 +0000</pubDate>
		<dc:creator>Gast</dc:creator>
				<category><![CDATA[Visuell]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[Täglich laufen einen Logos über den Weg, doch wie genau schauen wir uns diese wirklich an? Auf guessthelogo.com kann man dies nun heraus finden.
Auch wenn mein Ergebnis &#34;Very Good!&#34; ist, bin ich mit meinen 83.59% vom ersten Versuch nicht sonderlich zufrieden. Bin jetzt allerdings zu deprimiert deswegen, als das ich den Platz 1 aufrocken will [...]]]></description>
			<content:encoded><![CDATA[<p>Täglich laufen einen Logos über den Weg, doch wie genau schauen wir uns diese wirklich an? Auf <a href="http://www.guessthelogo.com/" target="_blank">guessthelogo.com</a> kann man dies nun heraus finden.</p>
<p>Auch wenn mein Ergebnis &quot;<strong>Very Good!</strong>&quot; ist, bin ich mit meinen <strong>83.59%</strong> vom ersten Versuch nicht sonderlich zufrieden. Bin jetzt allerdings zu deprimiert deswegen, als das ich den Platz 1 aufrocken will <img src='http://visualhype.de/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://visualhype.de/guess-the-logo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fall CSS Reboot 2006</title>
		<link>http://visualhype.de/fall-css-reboot-2006/</link>
		<comments>http://visualhype.de/fall-css-reboot-2006/#comments</comments>
		<pubDate>Wed, 30 Nov -0001 00:00:00 +0000</pubDate>
		<dc:creator>Michael Szumielewski</dc:creator>
				<category><![CDATA[Visuell]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[http://www.cssreboot.com/
Die Gallery zum Fall CSS Reboot 2006 ist eröffnet. 
Es ist der 1. November und CSS Reboot präsentiert knapp 500 registrierte Websites mit Redesigns. Diese stehen jetzt in einer Gallery zum voten bereit, wie auch schon beim Spring 2006 Reboot. Wie unschwer zu erkennen ist, erfreut sich das Projekt wachsender Beliebtheit. Ich bin mir sicher, [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.cssreboot.com/" target="_blank">http://www.cssreboot.com/</a><br />
<strong>Die Gallery zum Fall CSS Reboot 2006 ist eröffnet. </strong><br />
Es ist der 1. November und <a href="http://www.cssreboot.com/" target="_blank">CSS Reboot</a> präsentiert knapp 500 registrierte Websites mit Redesigns. Diese stehen jetzt in einer Gallery zum voten bereit, wie auch schon beim Spring 2006 Reboot. Wie unschwer zu erkennen ist, erfreut sich das Projekt wachsender Beliebtheit. Ich bin mir sicher, dass dieses Jahr wieder viele gute und inspirierende Designs entstanden sind. </p>
]]></content:encoded>
			<wfw:commentRss>http://visualhype.de/fall-css-reboot-2006/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tilt-shift miniature fakes bei Flickr</title>
		<link>http://visualhype.de/tiltshift-miniature-fakes-bei-flickr/</link>
		<comments>http://visualhype.de/tiltshift-miniature-fakes-bei-flickr/#comments</comments>
		<pubDate>Wed, 30 Nov -0001 00:00:00 +0000</pubDate>
		<dc:creator>Michael Szumielewski</dc:creator>
				<category><![CDATA[Visuell]]></category>

		<guid isPermaLink="false"></guid>
		<description><![CDATA[http://www.flickr.com/groups/59319377@N00/
Eine faszinierende Technik um Fotos wie Miniaturen aussehen zu lassen wird von der Flickr Group Tilt-shift miniature fakes auf beeindruckende Art und Weise präsentiert. Soweit meine Sachkenntnis in Fotografie ausreicht, wird bei dieser Technik der Fokus auf einen bestimmten Teil des Bildes gelegt, der Hintergrund oder Teile des Bildes bleibt dabei meist unscharf. Ich weiß [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.flickr.com/groups/59319377@N00/" target="_blank">http://www.flickr.com/groups/59319377@N00/</a></p>
<p>Eine faszinierende Technik um Fotos wie Miniaturen aussehen zu lassen wird von der Flickr Group <a href="http://www.flickr.com/groups/59319377@N00/" target="_blank">Tilt-shift miniature fakes</a> auf beeindruckende Art und Weise präsentiert. Soweit meine Sachkenntnis in Fotografie ausreicht, wird bei dieser Technik der Fokus auf einen bestimmten Teil des Bildes gelegt, der Hintergrund oder Teile des Bildes bleibt dabei meist unscharf. Ich weiß nicht wie man das korrekt benennt, vielleicht kann mir jemand in den Kommentaren Hilfestellung geben. Erstaunlich ist es allemal, am Anfang denkt man ja tatsächlich, dass es sich um echte Miniaturen handelt, das sind jedoch alles Fakes. </p>
<p><strong>Update:</strong> <a href="http://www.surfgarden.de/blog/2006-03/tilt-shift-miniaturen-in-photoshop/" target="_blank">Tilt-Shift Miniaturen in Photoshop</a> bei surfgarden</p>
]]></content:encoded>
			<wfw:commentRss>http://visualhype.de/tiltshift-miniature-fakes-bei-flickr/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

