<?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>neontrauma.de &#124; Tutorials &#38; Webdesign &#187; Layout &amp; Design</title>
	<atom:link href="http://neontrauma.de/design/feed" rel="self" type="application/rss+xml" />
	<link>http://neontrauma.de</link>
	<description>rund 350 Tutorials und Artikel über Webdesign, WordPress und Coding</description>
	<lastBuildDate>Sat, 05 May 2012 06:49:44 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Beruf Fotograf &#8211; Jens Brüggemann</title>
		<link>http://neontrauma.de/design/beruf-fotograf-jens-brueggemann.php</link>
		<comments>http://neontrauma.de/design/beruf-fotograf-jens-brueggemann.php#comments</comments>
		<pubDate>Fri, 16 Sep 2011 17:06:48 +0000</pubDate>
		<dc:creator>neontrauma</dc:creator>
				<category><![CDATA[Layout & Design]]></category>
		<category><![CDATA[Buch]]></category>
		<category><![CDATA[Fotografie]]></category>
		<category><![CDATA[Rezension]]></category>

		<guid isPermaLink="false">http://neontrauma.de/?p=2010</guid>
		<description><![CDATA[Viele Menschen, die Webseiten erstellen, toben sich auch anderweitig kreativ aus &#8211; zum Beispiel, indem sie fotografieren. Da auch ich zu jener Spezies gehöre (wovon man sich unter anderem in meinem Fotografie-Portfolio ein Bild machen kann :-) ), werde ich &#8230; <a href="http://neontrauma.de/design/beruf-fotograf-jens-brueggemann.php">Beitrag weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Viele Menschen, die Webseiten erstellen, toben sich auch anderweitig kreativ aus &#8211; zum Beispiel, indem sie fotografieren. Da auch ich zu jener Spezies gehöre (wovon man sich unter anderem in meinem <a title="anne-muehlbauer.de | Fotografien von Anne Mühlbauer" href="http://anne-muehlbauer.de">Fotografie-Portfolio</a> ein Bild machen kann :-) ), werde ich desöfteren in Mails gefragt, wie man seine Fotos denn am besten an den Mann bringt und wie man damit den ein oder anderen Euro verdienen kann.</p>
<p><a href="http://neontrauma.de/wp-content/uploads/2011/09/beruf-fotograf-jens-brueggemann.jpg"><img class="alignright size-full wp-image-2011" title="Jens Brüggemann - Beruf Fotograf" src="http://neontrauma.de/wp-content/uploads/2011/09/beruf-fotograf-jens-brueggemann.jpg" alt="Jens Brüggemann - Beruf Fotograf" width="185" height="250" /></a></p>
<p>Wer das Ganze in großem Rahmen angehen möchte und sich mit dem Gedanken trägt, sein Hobby zum Beruf zu machen, an den wendet sich der rund 230 Seiten umfassende Band <strong>&#8220;Beruf Fotograf. Ein Leitfaden für angehende Berufsfotografen für einen erfolgreichen Start&#8221; von Jens Brüggemann</strong>. In diesem Ratgeber nimmt der erfahrene Werbefotograf all jene an die Hand, die den Schritt ins professionelle Fotografendasein wagen wollen, und zeigt ihnen diesen Beruf mitsamt seiner Herausforderungen und Fallstricke auf.</p>
<p>Was dieses Buch nicht beinhaltet, sind Ratschläge zum Fotografieren an sich. Schließlich füllt dieses Thema allein schon unzählige Bände, sodass an dieser Stelle bewusst darauf verzichtet wurde. Somit richtet sich dieser Ratgeber mehr an Hobbyfotografen mit einer gewissen Erfahrung als an Anfänger, die generelle Tipps zum Fotografieren suchen.</p>
<p>Nachdem zu Beginn mit den diversen Klischees über das Fotografenleben aufgeräumt wird, werden die Leser dazu angehalten, die eigene Motivation und auch ihre Eignung für diesen Beruf einmal genau unter die Lupe zu nehmen. Denn die reine Freude am Fotografieren macht schließlich noch keinen erfolgreichen Fotografen &#8211; wie Brüggemann nüchtern anmerkt, sollte man auch die schnöden finanziellen Voraussetzungen für Ausrüstung, Studio usw. tunlichst nicht unterschätzen.</p>
<p>Neben den verschiedenen Herangehensweisen wie der klassischen Ausbildung, eines Fotografiestudiums oder des autodidaktischen Lernens werden nicht zuletzt auch die unterschiedlichen Arbeitsbereiche kurz aufgezeigt. Zwischen der Arbeitsweise eines Konzertfotografen und eines Foodfotografen liegen dann doch Welten. Hierbei kommen mehrere Fotografen zu Worte, die von ihrem jeweiligen Tätigkeitsfeld sowie ihrem Berufsstart berichten. Somit kann sich der Leser einen Überblick über die möglichen Schwerpunkte verschaffen und den seinen eigenen Interessen entsprechenden fotografischen Arbeitsbereich ergründen &#8211; sofern er das nicht ohnehin schon für sich entschieden hat.</p>
<p>Welche Ausgaben bringt der Start in die Selbstständigkeit im Detail mit sich? Welche Anschaffungen sind unbedingt nötig und auf welche kann man vorerst verzichten? Wie mache ich auf mich aufmerksam, wie werbe ich am effizientesten? Wie ist das mit der Steuer? Wieviel Geld kann ich für einen Auftrag nehmen und wie sichere ich mich rechtlich ab? &#8211; Auf diese und weitere Fragen geht der Autor ein und lässt den Leser an seiner über zehnjährigen Erfahrung als selbstständiger Fotograf teilhaben. Selbst eine Übungsaufgabe zur Umsatzsteuervoranmeldung wartet am Ende des Buches.</p>
<p>Ob man dieses Buch nun systematisch durcharbeiten möchte oder darin schmökern, blättern und querlesen möchte &#8211; beides ist möglich und dank der gelungenen Gestaltung, illustriert mit vielen Fotografien, macht das eindeutig Spaß und Lust darauf, selber gleich die Kamera in die Hand zu nehmen.</p>
<p>Erschienen ist <strong>&#8220;Beruf Fotograf</strong>&#8221; im Juni 2011 im Verlag <a title="Verlag mitp" href="http://www.mitp.de/">mitp</a>. Bestellen könnt ihr den Ratgeber <a title="Jens Brüggemann: &quot;Beruf Fotograf&quot; bei mitp bestellen" href="http://www.mitp.de/9126">direkt beim Verlag</a> zum Preis von 29.95 €.</p>
<p>Weitere Infos zum Autor findet ihr auf der Webseite von Jens Brüggemann unter <a title="Webseite von Jens Brüggemann" href="http://www.jensbrueggemann.de">www.jensbrueggemann.de</a>.</p>
<p>[Für diese Rezension habe ich das Buch <strong>"Beruf Fotograf"</strong> von der Plattform <a title="Blogg dein Buch" href="http://www.bloggdeinbuch.de/">Blogg dein Buch</a> erhalten.]</p>
]]></content:encoded>
			<wfw:commentRss>http://neontrauma.de/design/beruf-fotograf-jens-brueggemann.php/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Trend: Landschafts-Layouts</title>
		<link>http://neontrauma.de/design/trend-landschafts-layouts.php</link>
		<comments>http://neontrauma.de/design/trend-landschafts-layouts.php#comments</comments>
		<pubDate>Wed, 28 Jan 2009 18:55:12 +0000</pubDate>
		<dc:creator>neontrauma</dc:creator>
				<category><![CDATA[Layout & Design]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Layout]]></category>
		<category><![CDATA[Links]]></category>

		<guid isPermaLink="false">http://neontrauma.de/?p=1072</guid>
		<description><![CDATA[In den letzten Monaten zeichnet sich, wie ich finde, ein neuer Trend in Sachen Webdesign ab: &#8220;Landschafts-Layouts&#8221; (keine Ahnung, wie man das sonst nennen sollte :-) ). Im Header befindet sich hierbei oft ein horizontaler Blick auf eine Landschaft samt &#8230; <a href="http://neontrauma.de/design/trend-landschafts-layouts.php">Beitrag weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>In den letzten Monaten zeichnet sich, wie ich finde, ein neuer Trend in Sachen Webdesign ab: &#8220;Landschafts-Layouts&#8221; (keine Ahnung, wie man das sonst nennen sollte :-) ).<br />
Im Header befindet sich hierbei oft ein horizontaler Blick auf eine Landschaft samt Himmel, der Content befindet sich etwa im Erdreich, und im Footer gibt es dann meist noch einige nette Details zu sehen.<br />
Die Darstellung der Landschaften kann entweder recht realistisch und plastisch ausfallen, oder auch bewusst comicartig gehalten sein.</p>
<p>Mir gefallen diese Layouts ziemlich gut &#8211; auch wenn man sie nun immer häufiger antrifft, stellen sie doch eine erfrischende Abwechslung dar.</p>
<p>An dieser Stelle möchte in einmal einige Beispiele für diesen Style vorstellen. :-)</p>
<h3>kulturbanause.de</h3>
<p><a href="http://kulturbanause.de"><img class="aligncenter size-full wp-image-1073" title="Screenshot kulturbanause.de" src="http://neontrauma.de/wp-content/uploads/2009/01/screen-kulturbanause.jpg" alt="Screenshot kulturbanause.de" width="500" height="237" /></a></p>
<h3>absolutebica.com</h3>
<p><a href="http://www.absolutebica.com/"><img class="aligncenter size-full wp-image-1077" title="Screenshot absolutebica.com" src="http://neontrauma.de/wp-content/uploads/2009/01/screen-absolutebica.jpg" alt="Screenshot absolutebica.com" width="500" height="237" /></a></p>
<h3>redbrickhealth.com</h3>
<p><a href="http://www.redbrickhealth.com/"><img class="aligncenter size-full wp-image-1078" title="Screenshot redbrickhealth.com" src="http://neontrauma.de/wp-content/uploads/2009/01/screen-redbrickhealth.jpg" alt="Screenshot redbrickhealth.com" width="500" height="237" /></a></p>
<h3>yeahstyledg.com</h3>
<p><a href="http://www.yeahstyledg.com/"><img class="aligncenter size-full wp-image-1080" title="Screenshot yeahstyledg.com" src="http://neontrauma.de/wp-content/uploads/2009/01/screen-yeahstyledg.jpg" alt="Screenshot yeahstyledg.com" width="500" height="237" /></a></p>
<h3>revyver.com</h3>
<p><a href="http://www.revyver.com/"><img class="aligncenter size-full wp-image-1083" title="Screenshot revyver.com" src="http://neontrauma.de/wp-content/uploads/2009/01/screen-revyver.jpg" alt="Screenshot revyver.com" width="500" height="237" /></a></p>
<h3>esmartsweb.com</h3>
<p><a href="http://esmartsweb.com/"><img class="aligncenter size-full wp-image-1084" title="Screenshot esmartsweb.com" src="http://neontrauma.de/wp-content/uploads/2009/01/screen-esmartsweb.jpg" alt="Screenshot esmartsweb.com" width="500" height="237" /></a></p>
<h3>thecircumference.org</h3>
<p><a href="http://thecircumference.org/"><img class="aligncenter size-full wp-image-1085" title="Screenshot thecircumference.org" src="http://neontrauma.de/wp-content/uploads/2009/01/screen-thecircumference.jpg" alt="Screenshot thecircumference.org" width="500" height="237" /></a></p>
<h3>waterfalcon.com</h3>
<p><a href="http://www.waterfalcon.com/"><img class="aligncenter size-full wp-image-1086" title="Screenshot waterfalcon.com" src="http://neontrauma.de/wp-content/uploads/2009/01/screen-waterfalcon.jpg" alt="Screenshot waterfalcon.com" width="500" height="237" /></a></p>
<h3>greenanysite.com</h3>
<p><a href="http://www.greenanysite.com/"><img class="aligncenter size-full wp-image-1087" title="Screenshot greenanysite.com" src="http://neontrauma.de/wp-content/uploads/2009/01/screen-greenanysite.jpg" alt="Screenshot greenanysite.com" width="500" height="237" /></a></p>
<p>Ist euch diese Art von Layout auch schon begegnet? Gefällt sie euch?<br />
Habt ihr vielleicht sogar selber ein solches Design umgesetzt?</p>
]]></content:encoded>
			<wfw:commentRss>http://neontrauma.de/design/trend-landschafts-layouts.php/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>target=&#8221;_blank&#8221; &#8211; und wo willst du hin?</title>
		<link>http://neontrauma.de/design/target_blank-und-wo-willst-du-hin.php</link>
		<comments>http://neontrauma.de/design/target_blank-und-wo-willst-du-hin.php#comments</comments>
		<pubDate>Fri, 15 Aug 2008 17:44:14 +0000</pubDate>
		<dc:creator>neontrauma</dc:creator>
				<category><![CDATA[Layout & Design]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Barrierefreiheit]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://neontrauma.de/?p=353</guid>
		<description><![CDATA[Das Prozedere dürfte bekannt sein: wenn man einen Link setzt, stehen einem nebst dem Linkziel noch andere Attribute zur Verfügung, die das Verhalten des Links beeinflussen: so beinhaltet das title-Attribut etwa eine Beschreibung des Links, und mittels target=&#8221;&#8230;&#8221; kann man &#8230; <a href="http://neontrauma.de/design/target_blank-und-wo-willst-du-hin.php">Beitrag weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Das Prozedere dürfte bekannt sein: wenn man einen Link setzt, stehen einem nebst dem Linkziel noch andere Attribute zur Verfügung, die das Verhalten des Links beeinflussen: so beinhaltet das <span class="mono">title</span>-Attribut etwa eine Beschreibung des Links, und mittels <span class="mono">target=&#8221;&#8230;&#8221;</span> kann man festlegen, wie und wo sich der Link denn bitteschön öffnen soll: im gleichen Fenster, in einem neuen Fenster/Tab oder im übergeordneten Frame.</p>
<p>Stichwort Frame: das <span class="mono">target</span>-Attribut stammt aus Zeiten, da man Webseiten vorwiegend mittels Framesets realisierte. Hier war es praktisch, dass sich Links von einem Frame in einem anderen Frame öffnen konnten.</p>
<p>Heutzutage sind Framesets längst passé &#8211; und gerade in Sachen Barrierefreiheit und SEO auch tabu. Das <span class="mono">target</span>-Attribut aber hält sich hartnäckig und findet vor allem als <span class="mono">target=&#8221;_blank&#8221;</span> Verwendung: hierdurch öffnet sich ein Link in einem neuen Browserfenster oder, je nach verwendetem Browser und Einstellungen des jeweiligen Users, auch in einem neuen Tab.</p>
<p>Der Vorteil hierbei ist ganz klar der, dass man den Besucher nicht so schnell verliert: öffnet sich eine Verlinkung im gleichen Fenster, so besteht die Gefahr, dass der User die ursprüngliche Seite schließt und aus den Augen verliert.</p>
<p>Seit XHTML 1.1 und XHTML 1.0 Strict führt ein <span class="mono">target=&#8221;_blank&#8221;</span> im Code allerdings dazu, dass selbiger nicht mehr als valide gilt. Der Grund dahinter: dem User soll die Entscheidungsfreiheit zurückgegeben werden, ob er einen Link denn in einem eigenen Fenster besuchen möchte oder auch nicht.<br />
Nicht zuletzt verfügt jeder Browser ja nun auch über einen &#8220;zurück&#8221;-Button, mit dem man im Verlauf der besuchten Webseiten wieder zurückspringen kann.</p>
<p>Ich persönlich öffne Links aus Gewohnheit ohnehin immer via Rechtsklick &#8211; &#8220;Link in neuem Tab öffnen&#8221;.<br />
Bei meinen Webprojekten habe ich bisher aus der oben genannten Sorge, User zu verlieren, sämtliche Links in einem neuen Tab/Fenster öffnen lassen &#8211; aber ich spiele mit dem Gedanken, die <span class="mono">target</span>-Angabe wieder zu entfernen.</p>
<p>Wie seht ihr das?<br />
Wünscht ihr euch das Ende des <span class="mono">target</span>-Regimes? ;-) Zieht ihr es vor, wenn Links sich automatisch in einem neuen Fenster öffnen? Oder ist euch das etwa ganz wurscht?</p>
]]></content:encoded>
			<wfw:commentRss>http://neontrauma.de/design/target_blank-und-wo-willst-du-hin.php/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>pixelgirlpresents.com</title>
		<link>http://neontrauma.de/design/pixelgirlpresentscom.php</link>
		<comments>http://neontrauma.de/design/pixelgirlpresentscom.php#comments</comments>
		<pubDate>Mon, 09 Jun 2008 10:13:36 +0000</pubDate>
		<dc:creator>neontrauma</dc:creator>
				<category><![CDATA[Layout & Design]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Links]]></category>

		<guid isPermaLink="false">http://neontrauma.de/?p=248</guid>
		<description><![CDATA[Wer auf der Suche nach hochwertigen Wallpapern ist, der sollte hier mal vorbeischauen. <a href="http://neontrauma.de/design/pixelgirlpresentscom.php">Beitrag weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Wer auf der Suche nach einem schicken Desktophintergrund oder nach neuen Icons für Windoof oder Mac ist, dem sei die Adresse <a title="Pixelgirl Presents" href="http://www.pixelgirlpresents.com/">pixelgirlpresents.com</a> wärmstens empfohlen.</p>
<p>Auf dieser liebevoll gestalteten Seite finden sich massenweise Icons und Wallpaper, bei denen für so ziemlich jeden Geschmack etwas dabei sein dürfte. Damit man sich problemlos zurechtfindet, sind die knapp 1400 (!) Wallpaper thematisch sortiert, sodass die hohe Anzahl nicht abschreckt, sondern vielmehr zum Stöbern einlädt.</p>
<p>Im angeschlossenen Shop kann man denn schließlich auch diverse Accessoires und Kleidungsstücke für das Real Life erwerben, so zum Beispiel Schmuck oder T-Shirts, allesamt ausgefallen und eher alternativ gestaltet.</p>
<p>Fazit: sich hier durchzuklicken, macht einfach Spaß! :-)</p>
]]></content:encoded>
			<wfw:commentRss>http://neontrauma.de/design/pixelgirlpresentscom.php/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>fliegende Wörter &#8211; oder: Kinetische Typographie</title>
		<link>http://neontrauma.de/design/kinetische-typographie.php</link>
		<comments>http://neontrauma.de/design/kinetische-typographie.php#comments</comments>
		<pubDate>Mon, 02 Jun 2008 08:53:31 +0000</pubDate>
		<dc:creator>neontrauma</dc:creator>
				<category><![CDATA[Layout & Design]]></category>
		<category><![CDATA[Typographie]]></category>
		<category><![CDATA[Video]]></category>

		<guid isPermaLink="false">http://neontrauma.de/?p=242</guid>
		<description><![CDATA[Dass Typographie nicht zwangsläufig bedeutet, Buchstaben nur starr nebeneinander anzuordnen, zeigt die sogenannte kinetische Typographie: hier ist alles in Bewegung, werden Buchstaben und Satzzeichen animiert und oftmals zudem mit Ton unterlegt. Ein Beispiel, das ich mir immer wieder ansehen kann, &#8230; <a href="http://neontrauma.de/design/kinetische-typographie.php">Beitrag weiterlesen <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Dass Typographie nicht zwangsläufig bedeutet, Buchstaben nur starr nebeneinander anzuordnen, zeigt die sogenannte kinetische Typographie: hier ist alles in Bewegung, werden Buchstaben und Satzzeichen animiert und oftmals zudem mit Ton unterlegt.</p>
<p>Ein Beispiel, das ich mir immer wieder ansehen kann, ist etwa <a title="Flickermood" href="http://www.basisbild.de/flickermood/">Flickermood</a>.</p>
<p>Sehr schön ist auch Typolution:</p>
<p><iframe width="584" height="438" src="http://www.youtube.com/embed/zVPfTlpCKaw?fs=1&#038;feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<h2>Motion Typography &amp; Filme</h2>
<p>Die Essenz und das Feeling von Filme ohne Worte wiederzugeben, ist ebenfalls ein beliebtes Anwendungsfeld für kinetische Typographie. Gelungen finde ich zum Beispiel eine Szene aus Full Metal Jacket:</p>
<p><iframe width="584" height="438" src="http://www.youtube.com/embed/sYPWNiHEOMM?fs=1&#038;feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p>&#8230; oder Fight Club:</p>
<p><iframe width="584" height="438" src="http://www.youtube.com/embed/uuiKJ0rRTAo?fs=1&#038;feature=oembed" frameborder="0" allowfullscreen></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://neontrauma.de/design/kinetische-typographie.php/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

