<?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>Webzeugkoffer Webdesign &#187; Layout</title>
	<atom:link href="http://www.webzeugkoffer.de/tag/layout/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.webzeugkoffer.de</link>
	<description>Technik, Tipps, Tricks und Tools</description>
	<lastBuildDate>Mon, 04 Jul 2011 09:08:35 +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>Das Bauchladensyndrom</title>
		<link>http://www.webzeugkoffer.de/das-bauchladensyndrom/</link>
		<comments>http://www.webzeugkoffer.de/das-bauchladensyndrom/#comments</comments>
		<pubDate>Wed, 16 Jun 2010 09:38:48 +0000</pubDate>
		<dc:creator>Björn</dc:creator>
				<category><![CDATA[Informationsarchitektur]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Webseiten]]></category>
		<category><![CDATA[IA]]></category>
		<category><![CDATA[Informationsdesign]]></category>
		<category><![CDATA[Layout]]></category>
		<category><![CDATA[Websites]]></category>

		<guid isPermaLink="false">http://www.webzeugkoffer.de/?p=1316</guid>
		<description><![CDATA[Oft genug werden wir beim Besuch einer Webseite davon belästigt. Überladene und schreiende Startseiten. Oft sind sie hoffnungslos überladen, überall zuckt es und jedes noch so unwichtige Element ringt um unsere Aufmerksamkeit.
Die Ursachen hierfür sind nicht selten Anforderungen nach dem Motto „Die Startseite muss die Wurst sein“ oder „Den Nutzer packen und reinholen“. Verlustängste und [...]]]></description>
			<content:encoded><![CDATA[<p>Oft genug werden wir beim Besuch einer Webseite davon belästigt. Überladene und schreiende Startseiten. Oft sind sie hoffnungslos überladen, überall zuckt es und jedes noch so unwichtige Element ringt um unsere Aufmerksamkeit.</p>
<p>Die Ursachen hierfür sind nicht selten <em>Anforderungen</em> nach dem Motto <strong>„Die Startseite muss die Wurst sein“</strong> oder <strong>„Den Nutzer packen und reinholen“</strong>. Verlustängste und unscharfe Zielvorgaben tun ihr übriges.</p>
<p><span id="more-1316"></span></p>
<p>Unter Dauerbeschuss stehende, dadurch <em>überforderte</em> und genervte Besucher wenden sich ab und verlassen die Webseite. Sofern es Alternativen gibt oder der Markt nicht rein von Preisen diktiert wird.</p>
<p>Selten sieht man Geschäfte bzw. Läden, deren gesamtes Angebot draußen vor der Tür oder im Schaufenster ausgebreitet ist. Wo ist also das Problem bei Webseiten? Wo kann man ansetzen?</p>
<p>Zunächst muss man Verlustängste abbauen. Keiner verpasst etwas wesentliches, nur weil nicht gelich alles auf der Startseite erscheint. Es hilft ungemein, wenn man sich mal Gedanken über die Ziele und Aufgaben einer Webseite macht. Wenn man sich auf die wichtigsten Inhalte und Botschaften konzentriert. Voraussetzung hierfür: Kenne/definiere Deine Zielgruppe(n) und Ziele.</p>
<p>Die Startseiten bzw. Homepages sind nicht immer die wichtigsten Seiten und verlieren zudem weiter an Bedeutung: <a href="http://newsweaver.ie/gerrymcgovern/e_article001732312.cfm">The Decline of the Homepage</a>. Ich denke aber, dass Homepages meistens &#8211; für den Einstieg &#8211; doch noch die wichtigsten Seiten darstellen.</p>
<p>Das Bauchladensyndrom gilt es zu behandeln, in dem man Prioritäten setzt (<a href="http://www.webworking-blog.de/artikel-empfehlungen/kampf-um-die-besten-platze/">Kampf um die besten Plätze</a>) und die Herausforderungen gestalterisch löst (<a href="http://sixrevisions.com/web_design/essential-tips-for-designing-an-effective-homepage/">Essential Tips for designing an effective Homepage</a>).</p>
<p>Eine Homepage ist irgendwie auch eine <a href="http://www.webzeugkoffer.de/virtuelle-ladentheke/">virtuelle Ladentheke</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webzeugkoffer.de/das-bauchladensyndrom/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Irgendwie graut&#8217;s mir vorm Spaltensatz</title>
		<link>http://www.webzeugkoffer.de/irgendwie-grauts-mir-vorm-spaltensatz/</link>
		<comments>http://www.webzeugkoffer.de/irgendwie-grauts-mir-vorm-spaltensatz/#comments</comments>
		<pubDate>Fri, 21 May 2010 19:40:49 +0000</pubDate>
		<dc:creator>Björn</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Webstandards]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Layout]]></category>

		<guid isPermaLink="false">http://www.webzeugkoffer.de/?p=1304</guid>
		<description><![CDATA[Die Webdesign-Welt wartet schon lange sehnsüchtig darauf. Und grundsätzlich ist das mit dem Spaltensatz bzw. dem CSS Multi-column Layout Module in CSS3 ein wichtiger neuer Baustein.
Man kann das ganze heute schon realisieren. Wenn auch nur mit Extra-Klimmzügen, will man es crossbrowser-mäßig heute schon einsetzen.

Webdesigntrends sind Frühjahr für Frühjahr ein beliebtes Thema. Nie waren wir hipper [...]]]></description>
			<content:encoded><![CDATA[<p>Die Webdesign-Welt wartet schon lange sehnsüchtig darauf. Und grundsätzlich ist das mit dem Spaltensatz bzw. dem <a href="http://www.w3.org/TR/css3-multicol/">CSS Multi-column Layout Module</a> in CSS3 ein wichtiger neuer Baustein.</p>
<p>Man kann das ganze heute schon realisieren. Wenn auch nur mit Extra-Klimmzügen, will man es crossbrowser-mäßig heute schon einsetzen.</p>
<p><span id="more-1304"></span></p>
<p>Webdesigntrends sind Frühjahr für Frühjahr ein beliebtes Thema. Nie waren wir hipper als dieses Jahr und verkürzen uns so die Wartezeit bis zum noch besseren kommenden Jahr.</p>
<p>So war u.a. der Spaltensatz in CSS3 Thema im Artikel <a href="http://www.webdesignerdepot.com/2010/05/web-design-trends-for-2010/">Web Design Trends for 2010</a>.</p>
<blockquote><p>Now, with increased screen resolutions and the advent of grid layouts, more designers are adapting this method to the web to make websites easier to use and to fit in more content.</p></blockquote>
<p>In den meisten Fällen war es bisher aber so, dass mir die Sache das Lesen enorm erschwert hat. Grund hierfür ist der unreflexierte Einsatz. Effekthascherei wird auch mit CSS3 fehl am Platz sein. Lesbarkeit ist ein wichtiges Gut. Auch in modernen Zeiten und eigentlich mindestens schon so lange es Print (-design) gibt ;-)</p>
<p>Droht der Spaltensatz zur neuen Mikroskopschrift zu werden?</p>
<blockquote><p>Using several columns allows you to fit more content in the same space.</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.webzeugkoffer.de/irgendwie-grauts-mir-vorm-spaltensatz/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Bithalter 028&#8242;09</title>
		<link>http://www.webzeugkoffer.de/bithalter-02809/</link>
		<comments>http://www.webzeugkoffer.de/bithalter-02809/#comments</comments>
		<pubDate>Fri, 18 Dec 2009 10:21:43 +0000</pubDate>
		<dc:creator>Björn</dc:creator>
				<category><![CDATA[Links]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Layout]]></category>
		<category><![CDATA[Print]]></category>
		<category><![CDATA[Wireframes]]></category>

		<guid isPermaLink="false">http://www.webzeugkoffer.de/?p=1219</guid>
		<description><![CDATA[
Gut, der Quelltext ist teilweise schon etwas $MS-mäßig. Hier haben mir v.a. Layout, Typografie und Kontraste zugesagt. Interessant auch, was man unter »About« liest:
One day, a Mac and a PC fell in love and made this site. It runs on a custom version of Oxite, our sturdy blogging platform.
Die letzte Ausgabe des Bithalters in 2009.


HTML5 [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://visitmix.com/"><img class="alignnone size-full wp-image-1220" title="Mix Online" src="http://www.webzeugkoffer.de/wp-content/uploads/2009/12/mix.jpg" alt="Mix Online" width="500" height="220" /></a></p>
<p>Gut, der Quelltext ist teilweise schon etwas $MS-mäßig. Hier haben mir v.a. Layout, Typografie und Kontraste zugesagt. Interessant auch, was man unter »<em>About</em>« liest:</p>
<blockquote><p>One day, a Mac and a PC fell in love and made this site. It runs on a custom version of Oxite, our sturdy blogging platform.</p></blockquote>
<p>Die letzte Ausgabe des Bithalters in 2009.</p>
<p><span id="more-1219"></span></p>
<ul>
<li><strong>HTML5</strong> c&#8217;est moi! Oder warum der Entwicklungsprozess des neuen Standards <a href="http://molily.de/weblog/html5-prozess">ein soziales Desaster</a> ist.</li>
<li>Mehr als einfach nur Gitter: <a href="http://www.aisleone.net/2009/design/myths-misconceptions-about-grid-systems/">Myths &amp; Misconceptions About <strong>Grid Systems</strong></a>.</li>
<li>Content ist King sollte nicht rein dogmatisch gesehen werden und außerdem <strong>ist Content mehr als Text</strong>. Content wirkt sich auf Design aus: <a href="http://www.thedesigncubicle.com/2009/12/designing-with-content-in-mind/">Designing with content in mind</a>.</li>
<li>Kopieren wir Print? Ist es <strong>nicht webbig genug</strong>? <a href="http://www.gyford.com/phil/writing/2009/12/02/design.php">Is modern web design too like print design?</a></li>
<li><strong>Wireframes</strong> sind nicht immer die beste Wahl. Wireframes sind nicht obligatorisch: <a href="http://www.andyrutledge.com/where-wireframes-are-concerned.php">Where Wireframes Are Concerned</a>.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.webzeugkoffer.de/bithalter-02809/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Bithalter Webzeuglinks 008&#8242;09</title>
		<link>http://www.webzeugkoffer.de/bithalter-webzeuglinks-00809/</link>
		<comments>http://www.webzeugkoffer.de/bithalter-webzeuglinks-00809/#comments</comments>
		<pubDate>Sun, 01 Mar 2009 10:20:47 +0000</pubDate>
		<dc:creator>Björn</dc:creator>
				<category><![CDATA[Links]]></category>
		<category><![CDATA[Barrierefreiheit]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Layout]]></category>
		<category><![CDATA[Patterns]]></category>
		<category><![CDATA[Typografie]]></category>
		<category><![CDATA[WAI]]></category>

		<guid isPermaLink="false">http://www.webzeugkoffer.de/?p=971</guid>
		<description><![CDATA[
Eine persönliche Website. Nick Finck begrüßt seine Besucher sehr authentisch. Nach zwei Minuten weiß man, wer er ist, was er macht, welche Themen einen erwarten und wo man ihn findet.
Der Bithalter heute mit sieben kommentierten Links.


Einführung in WAI ARIA (dt. Übersetzung)
Was vom Web 2.0 übrig geblieben ist: Das Web 2.0 auf dem Weg zum Web [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-972 fullsize" title="nickfinck.com" src="http://www.webzeugkoffer.de/wp-content/uploads/2009/03/nickfinck.jpg" alt="nickfinck.com" width="500" height="296" /></p>
<p>Eine <em>persönliche</em> Website. <a href="http://nickfinck.com/">Nick Finck</a> begrüßt seine Besucher sehr authentisch. Nach zwei Minuten weiß man, wer er ist, was er macht, welche Themen einen erwarten und wo man ihn findet.</p>
<p>Der Bithalter heute mit sieben kommentierten Links.</p>
<p><span id="more-971"></span></p>
<ul>
<li><a href="http://www.hessendscher.de/wai-aria/">Einführung in WAI ARIA</a> (dt. Übersetzung)</li>
<li><a href="http://www.liechtenecker.at/blogeintrag/was-vom-web-20-uebrig-geblieben-ist/">Was vom Web 2.0 übrig geblieben ist</a>: Das Web 2.0 auf dem Weg zum Web 3.0, jenseits der Geeks und Nerds.</li>
<li>Machen Patterns unflexibel? Welche Vor- und Nachteile bieten sie? Damit beschäftigt sich der Artikel &#8220;<a href="http://www.contrast.ie/blog/thinking-in-patterns/">Thinking in patterns</a>&#8220;</li>
<li>Einfach ist nicht einfach: <a href="http://www.webdesignerdepot.com/2009/02/7-interface-design-techniques-to-simplify-and-de-clutter-your-interfaces/">7 Interface Design Techniques to Simplify and De-clutter Your Interfaces</a></li>
<li><a href="http://dev.opera.com/articles/view/graceful-degradation-progressive-enhancement/">Graceful degradation versus progressive enhancement</a>: Der kleine aber feine Unterschied</li>
<li>Typografie ist ein wesentlicher Erfolgsfaktor in Design und Usability: <a href="http://webdesignledger.com/resources/12-css-tools-and-tutorials-for-beautiful-web-typography">12 CSS Tools and Tutorials for Beautiful Web Typography</a></li>
<li><a href="http://www.slideshare.net/stubbornella/object-oriented-css">Object Oriented CSS</a>: Raus aus der Performance- und Effizienzfalle</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.webzeugkoffer.de/bithalter-webzeuglinks-00809/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Tabellen sind zum Heizen da</title>
		<link>http://www.webzeugkoffer.de/tabellen-sind-zum-heizen-da/</link>
		<comments>http://www.webzeugkoffer.de/tabellen-sind-zum-heizen-da/#comments</comments>
		<pubDate>Wed, 04 Feb 2009 20:15:19 +0000</pubDate>
		<dc:creator>Björn</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Layout]]></category>

		<guid isPermaLink="false">http://www.webzeugkoffer.de/?p=932</guid>
		<description><![CDATA[Und für tabellarische Daten. Eine neue sehr hitzige Diskussion, zum Thema Layout mit Tabellen und den Schwierigkeiten mit CSS, läuft seit gestern.

Es begann mit der Abhandlung Why CSS should not be used for layout. Weiter mit vielen Kommentaren im Blog unter dem gleich lautenden Titel Why CSS should not be used for layout. Immer daran [...]]]></description>
			<content:encoded><![CDATA[<p>Und für tabellarische Daten. Eine neue sehr hitzige Diskussion, zum Thema Layout mit Tabellen und den Schwierigkeiten mit CSS, läuft seit gestern.</p>
<p><span id="more-932"></span></p>
<p>Es begann mit der Abhandlung <span lang="en"><a href="http://www.flownet.com/ron/css-rant.html">Why CSS should not be used for layout</a></span>. Weiter mit vielen Kommentaren im Blog unter dem gleich lautenden Titel <span lang="en"><a href="http://rondam.blogspot.com/2009/02/why-css-should-not-be-used-for-layout.html#comments">Why CSS should not be used for layout</a></span>. Immer daran denken: Nicht zu Hause nachmachen. Mit Tabellen spielen ist gefährlich.</p>
<p>Gefolgt von zwei weiteren Beiträgen. <span lang="en"><a href="http://rondam.blogspot.com/2009/02/css-and-meaning-of-life.html">CSS and the meaning of life</a></span> und <span lang="en"><a href="http://rondam.blogspot.com/2009/02/on-semantics-of-html.html">On the semantics of HTML</a></span>.</p>
<p>Die Hitze der Diskussion reicht aus, um die paar Tage bis zum Frühling zu heizen.</p>
<p class="hint">Via <a title="Ajaxian" href="http://ajaxian.com/archives/css-for-layout-another-rant#comments">CSS for Layout. Another Rant</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.webzeugkoffer.de/tabellen-sind-zum-heizen-da/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

