<?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>LeoXPerience // Web &#187; Layout</title>
	<atom:link href="http://leoxp.de/web/category/webdesign/layout/feed/" rel="self" type="application/rss+xml" />
	<link>http://leoxp.de/web</link>
	<description>WebDesign – WebDev – WebTools</description>
	<lastBuildDate>Thu, 07 Jul 2011 13:53:36 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Farbt&#246;ne variieren</title>
		<link>http://leoxp.de/web/farbtoene-variieren/605/</link>
		<comments>http://leoxp.de/web/farbtoene-variieren/605/#comments</comments>
		<pubDate>Thu, 07 Jul 2011 13:53:14 +0000</pubDate>
		<dc:creator>Leo</dc:creator>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[Layout]]></category>
		<category><![CDATA[WebDesign]]></category>
		<category><![CDATA[Farbton]]></category>

		<guid isPermaLink="false">http://leoxp.de/web/?p=605</guid>
		<description><![CDATA[Die Website 0to255.com unterst&#252;tzt Sie bei der Suche nach helleren und dunkleren Varianten eines Farbtons. Der kostenlose Online-Dienst ermittelt in diesem Beispiel verschiedene Helligkeitsstufen eines Farbtones.]]></description>
			<content:encoded><![CDATA[<p>Die Website <a href="http://0to255.com">0to255.com</a> unterst&#252;tzt Sie bei der Suche nach helleren und dunkleren Varianten eines Farbtons. Der kostenlose Online-Dienst ermittelt in diesem Beispiel verschiedene Helligkeitsstufen eines Farbtones.</p>
]]></content:encoded>
			<wfw:commentRss>http://leoxp.de/web/farbtoene-variieren/605/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Free Photo Slideshows</title>
		<link>http://leoxp.de/web/free-photo-slide-shows/434/</link>
		<comments>http://leoxp.de/web/free-photo-slide-shows/434/#comments</comments>
		<pubDate>Thu, 24 Mar 2011 14:03:31 +0000</pubDate>
		<dc:creator>Leo</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Layout]]></category>
		<category><![CDATA[WebDesign]]></category>
		<category><![CDATA[WebDev]]></category>
		<category><![CDATA[Foto-Galerie]]></category>
		<category><![CDATA[Photo-Gallery]]></category>

		<guid isPermaLink="false">http://leoxp.de/web/?p=434</guid>
		<description><![CDATA[Hier ein paar Links zu kostenlosen Slide-Shows f&#252;r Fotos: Cycle jqFancyTransitions Nivo Slider Orbit Popeye Sideways Supersized Tipp: Damit man z.B. einzelne Dateinamen von Fotos nicht einzeln abtippen muss, kann man die Dateinamen aller in einem Ordner liegenden Dateien mit der Windows Kommandozeile &#8220;dir /b &#62; filename.txt&#8221; in eine Datei extrahieren.]]></description>
			<content:encoded><![CDATA[<p>Hier ein paar Links zu kostenlosen Slide-Shows f&#252;r Fotos:</p>
<p><a href="http://bit.ly/2LK9Pg">Cycle</a></p>
<p><a href="http://bit.ly/7WCpHk">jqFancyTransitions</a></p>
<p><a href="http://bit.ly/9xQ2xV">Nivo Slider</a></p>
<p><a href="http://bit.ly/bULLQq">Orbit</a></p>
<p><a href="http://bit.ly/9nGMZx">Popeye</a></p>
<p><a href="http://bit.ly/bplCHB">Sideways</a></p>
<p><a href="http://bit.ly/khHpt">Supersized</a></p>
<p><strong>Tipp:</strong><br />
Damit man z.B. einzelne Dateinamen von Fotos nicht einzeln abtippen muss, kann man die Dateinamen aller in einem Ordner liegenden Dateien mit der Windows Kommandozeile &#8220;<strong>dir /b &gt; filename.txt</strong>&#8221; in eine Datei extrahieren.</p>
]]></content:encoded>
			<wfw:commentRss>http://leoxp.de/web/free-photo-slide-shows/434/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Free CSS Website Templates</title>
		<link>http://leoxp.de/web/free-css-website-templates/53/</link>
		<comments>http://leoxp.de/web/free-css-website-templates/53/#comments</comments>
		<pubDate>Sun, 30 Mar 2008 18:20:29 +0000</pubDate>
		<dc:creator>Leo</dc:creator>
				<category><![CDATA[Layout]]></category>
		<category><![CDATA[WebDesign]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Templates]]></category>

		<guid isPermaLink="false">http://web.leoxp.de/free-css-templates-links/</guid>
		<description><![CDATA[Eine Sammlung auserw&#228;hlter Webseiten, die CSS-Templates oder CSS-Layouts (sog. Vorlagen) zumindest zum Teil kostenfrei anbieten. Die Sammlung hat nat&#252;rlich keinen Anspruch auf Vollst&#228;ndigkeit, wobei ich rein kommerzielle Seiten vermeiden will. Fragw&#252;rdige und mit Werbung &#252;berladene Sites m&#246;chte ich hier ebenfalls NICHT auff&#252;hren. CSS-Templates Open Source Web Design Es ist eine Community, die sich um Sammlung <a href='http://leoxp.de/web/free-css-website-templates/53/' class='excerpt-more'>[...]</a>]]></description>
			<content:encoded><![CDATA[<p>Eine Sammlung <strong>auserw&#228;hlter</strong> Webseiten, die <strong>CSS-Templates</strong> oder <strong>CSS-Layouts</strong> (sog. Vorlagen) zumindest zum Teil <strong>kostenfrei</strong> anbieten. Die Sammlung hat nat&#252;rlich keinen Anspruch auf Vollst&#228;ndigkeit, wobei ich rein kommerzielle Seiten vermeiden will. <strong>Fragw&#252;rdige</strong> und mit Werbung &#252;berladene Sites m&#246;chte ich hier ebenfalls <strong>NICHT</strong> auff&#252;hren.</p>
<h3>CSS-Templates</h3>
<h4>Open Source Web Design</h4>
<p><a href="http://www.oswd.org/"><img class="alignleft" src='http://web.leoxp.de/wp-content/uploads/2007/10/open-source-web-design.thumbnail.gif' alt='OSWD - Open Source Web Design' /></a><br />
Es ist eine Community, die sich um Sammlung und Verbreitung von CSS-Vorlagen (zu Zeit <strong>2080</strong> Vorlagen!) k&#252;mmert. <strong>Alle</strong> Vorlagen sind kostenlos!</p>
<h4>Open Designs</h4>
<p><img class="alignleft" src='http://web.leoxp.de/wp-content/uploads/2007/10/open-designs.thumbnail.gif' alt='Open Designs - Community. Driven.' /><br />
Eine interessante Community, die ihre CSS-Layouts kostenfrei anbietet. Die Site ist &#252;bersichtlich aufgebaut. Viele Layouts stehen im <acronym title="eXtensible HyperText Markup Language">XHTML</acronym> <strong>Strict</strong> 1.0 Format zur Verf&#252;gung.</p>
<h4>Open Webdesign</h4>
<p><a href="http://www.openwebdesign.org/"><img class="alignleft" src='http://web.leoxp.de/wp-content/uploads/2007/10/open-web-design1.thumbnail.jpg' alt='Open Web Design.org' /></a><br />
Ebenfalls eine Community mit sehr vielen freien CSS-Layouts. Es ist auch wie bei Open Designs eine erweiterte Suche vorhanden. Insgesamt sind es z.Z. etwa <strong>2500</strong> Layouts.</p>
<h4>Free-CSS.com</h4>
<p><a href="http://www.free-css.com/"><img class="alignleft" src='http://web.leoxp.de/wp-content/uploads/2007/10/css-templates.thumbnail.jpg' alt='CSS-Templates' /></a><br />
Die Site bietet fast alles rund um CSS: Templates, Layouts, Gallery. Zudem stehen viele Informationen/Links zum Thema (Doku, Artikel, Tutorials etc.) zur Verf&#252;gung.</p>
<h4>freecsstemplates.org</h4>
<p><a href="http://www.freecsstemplates.org"><img class="alignleft" src='http://web.leoxp.de/wp-content/uploads/2007/11/freecsstemplatesorg.thumbnail.png' alt='freecsstemplates.org' /></a><br />
Die Site bietet <strong>alle</strong> Templates unter <a href="http://creativecommons.org/licenses/by/2.5/">CCL 2.5</a> Lizenz an. Es sind zur Zeit 254 und es werden mit der Zeit mehr. Alle Templates sollen gegen XTML 1.0 <strong>Strict</strong> Format valide sein.</p>
<h4>Templateworld</h4>
<p><a href="http://www.templateworld.com/free_templates.html"><img class="alignleft" src='http://web.leoxp.de/wp-content/uploads/2007/10/template-world.thumbnail.jpg' alt='Templateworld - Web Templates' /></a><br />
Sch&#246;ne tabellenlosen Layouts mit <acronym title="eXtensible HyperText Markup Language">XHTML</acronym> 1.0 Transitional und unter CC-Lizenz. Photoshop-Dateien k&#246;nnen per E-Mail angefordert werden. Das finde ich vern&#252;nftig.</p>
<h4>Solucija</h4>
<p><a href="http://www.solucija.com/home/css-templates/"><img class="alignleft" src='http://web.leoxp.de/wp-content/uploads/2007/10/solucija.thumbnail.jpg' alt='Solucija - Free Templates' /></a><br />
Die Autoren (Luka Cvrk und Krešimir Mihelec) stellen ein paar freie CSS-Layouts zur Verf&#252;gung, die cool und professionell wirken. Gegen moderaten Preis gibt es <strong>tausende</strong>!</p>
<h4>Andreas Vilkund</h4>
<p><a href="http://andreasviklund.com/templates/"><img class="alignleft" src='http://web.leoxp.de/wp-content/uploads/2007/10/andreasviklund.thumbnail.gif' alt='Free Templates by Andreas Viklund' /></a><br />
Andreas bietet unter Anderem viele sch&#246;nen kostenlosen Templates, die unter Open Source Lizenz stehen. Die Bild-Quelldateien k&#246;nnen per E-Mail angefordert werden.</p>
<h3>CSS-Layouts</h3>
<h4>Dynamic Drive <acronym title="Cascading Style Sheets">CSS</acronym> Library</h4>
<p><a href='http://www.dynamicdrive.com/style/layouts/category/C11/' title='Dynamic Drive CSS-Library'><img class="alignleft" src='http://web.leoxp.de/wp-content/uploads/2007/10/css-library.thumbnail.gif' alt='Dynamic Drive CSS-Library' /></a><br />
Auf der Seite werden viele tabellenlosen Vorlagen angeboten (siehe im Men&#252; links): mit fester und flexibler Breite, mit zwei oder drei Spalten und sogar mit CSS-Frames.</p>
<h4>Nice and Free <acronym title="Cascading Style Sheets">CSS</acronym> Templates</h4>
<p><a href='http://www.mycelly.com/' title='MyCelly - Nice and Free CSS-Templates'><img class="alignleft" src='http://web.leoxp.de/wp-content/uploads/2007/10/mycelly.thumbnail.gif' alt='MyCelly - Nice and Free CSS-Templates' /></a><br />
Die Site zeigt mit einfachem und nachvollziebarem CSS-Code die h&#228;ufigsten Boxmodellen. &#220;bersichtlich: Der CSS-Code wird im jeweiligen Container angezeigt.</p>
<h4>Stricly CSS</h4>
<p><a href='http://www.strictlycss.com/articles/article/40/the-only-css-layout-you-need' title='Stricly-CSS'><img class="alignleft" src='http://web.leoxp.de/wp-content/uploads/2007/10/strictly-css.thumbnail.gif' alt='Stricly-CSS' /></a><br />
Hier stehen mehrere CSS-Vorlagen zur Verf&#252;gung, bei welchen die entsprechenden DIV-Container farbig gekennzeichnet sind. Der Autor ber&#252;cksichtigt auch &#228;ltere IE-Versionen.</p>
<h4><acronym title="Cascading Style Sheets">CSS</acronym> tinderbox</h4>
<p><a href='http://csstinderbox.raykonline.com/' title='CSS-Tinderbox von Rayk Design'><img class="alignleft" src='http://web.leoxp.de/wp-content/uploads/2007/10/css-tinderbox.thumbnail.gif' alt='CSS-Tinderbox von Rayk Design' /></a><br />
Ein paar interessante Vorlagen, die zum Download angeboten werden. Der Autor bietet auch ein paar CSS-Layouts im <acronym title="eXtensible HyperText Markup Language">XHTML</acronym> 1.0 <strong>Strict</strong> Format zum Download an.</p>
<h4>The Floating Boxes <acronym title="Cascading Style Sheets">CSS</acronym> Layout</h4>
<p><a href='http://matthewjamestaylor.com/blog/floating-boxes-css-layout' title='The Floating Boxes CSS-Layout'><img class="alignleft" src='http://web.leoxp.de/wp-content/uploads/2007/11/matthew-james-taylor-blog.thumbnail.png' alt='The Floating Boxes CSS-Layout' /></a><br />
Eine interessante Vorlage von Matthew James Taylor f&#252;r mehrere Spalten, die beim Verkleinen des Browser-Fensters nach unten flie&#223;en. Im XHML 1.0 <strong>Strict</strong> Format.</p>
<h4>Code Sucks <acronym title="Cascading Style Sheets">CSS</acronym> Layouts</h4>
<p><a href='http://www.code-sucks.com/' title='Code Sucks CSS-Layouts'><img class="alignleft" src='http://web.leoxp.de/wp-content/uploads/2007/11/code-sucks.thumbnail.png' alt='Code Sucks CSS-Layouts' /></a><br />
Eine sehr empfehlenswerte Site mit insgesamt etwa 100 <acronym title="Cascading Style Sheets">CSS</acronym> Layout Vorlagen mit fester Breite in allen m&#246;glichen Kombinationen. Die Vorlagen sind ebenfalls gegen <strong>Strict</strong> Format validiert.</p>
<h4>Jimmy Lin’s free <acronym title="Cascading Style Sheets">CSS</acronym> Templates</h4>
<p><a href='http://www.jimmylin.info/templates.html' title='Jimmy Lin’s free <acronym title="Cascading Style Sheets">CSS</acronym> Templates'><img class="alignleft" src='http://web.leoxp.de/wp-content/uploads/2008/03/jimmylin-css-templates.thumbnail.png' alt='Jimmy Lin’s free <acronym title="Cascading Style Sheets">CSS</acronym> Templates' /></a><br />
Jimmy Lin stellt eine gute Auswahl der typischen CSS-Layouts zur Verf&#252;gung. Die Vorlagen sind auch vornehmlich im <acronym title="eXtensible HyperText Markup Language">XHTML</acronym> <strong>Strict</strong>-Format.</p>
]]></content:encoded>
			<wfw:commentRss>http://leoxp.de/web/free-css-website-templates/53/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Icons Design von Hicks kurz erkl&#228;rt</title>
		<link>http://leoxp.de/web/icons-design-von-hicks-kurz-erklaert/244/</link>
		<comments>http://leoxp.de/web/icons-design-von-hicks-kurz-erklaert/244/#comments</comments>
		<pubDate>Fri, 22 Feb 2008 11:41:45 +0000</pubDate>
		<dc:creator>Leo</dc:creator>
				<category><![CDATA[Layout]]></category>
		<category><![CDATA[WebDesign]]></category>
		<category><![CDATA[Favicon]]></category>
		<category><![CDATA[Icons]]></category>
		<category><![CDATA[OnlineTool]]></category>

		<guid isPermaLink="false">http://web.leoxp.de/icons-design-von-hicks-kurz-erklaert/</guid>
		<description><![CDATA[Der ber&#252;hmte Designer Jon Hicks erkl&#228;rt kurz bei Slideshare, wie man Icons erstellen soll. Kurz und pr&#228;gnant. Die Site Hicksdesign gef&#228;llt mir &#252;brigens sehr gut und ist f&#252;r Webdesigner sicherlich sehenswert. Das OnlineTool favikon habe ich &#252;brigens nochmal ausprobiert und bin nun mit dem Ergebnis ganz zufrieden im Gegensatz zu fr&#252;her. Icon Design Explained (quickly) <a href='http://leoxp.de/web/icons-design-von-hicks-kurz-erklaert/244/' class='excerpt-more'>[...]</a>]]></description>
			<content:encoded><![CDATA[<p>Der ber&#252;hmte Designer Jon Hicks erkl&#228;rt kurz bei Slideshare, wie man Icons erstellen soll. Kurz und pr&#228;gnant. Die Site <a href="http://www.hicksdesign.co.uk/">Hicksdesign</a> gef&#228;llt mir &#252;brigens sehr gut und ist f&#252;r Webdesigner sicherlich sehenswert. Das OnlineTool <a href="http://favikon.com/">favikon</a> habe ich &#252;brigens nochmal ausprobiert und bin nun mit dem Ergebnis ganz zufrieden im Gegensatz zu fr&#252;her.</p>
<p><a href="http://www.slideshare.net/hicksdesign/icon-design">Icon Design Explained (quickly) von Jon Hicks</a></p>
]]></content:encoded>
			<wfw:commentRss>http://leoxp.de/web/icons-design-von-hicks-kurz-erklaert/244/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>DESTROY WEB 2.0 LOOK?</title>
		<link>http://leoxp.de/web/destroy-web-20-look/217/</link>
		<comments>http://leoxp.de/web/destroy-web-20-look/217/#comments</comments>
		<pubDate>Thu, 31 Jan 2008 06:57:42 +0000</pubDate>
		<dc:creator>Leo</dc:creator>
				<category><![CDATA[Layout]]></category>
		<category><![CDATA[WebDesign]]></category>

		<guid isPermaLink="false">http://web.leoxp.de/destroy-web-20-look/</guid>
		<description><![CDATA[Interessante Pr&#228;sentation. Der Autor hinterfragt, was Web 2.0 Look &#38; Feel ist, von wem es stammt und wie es entsteht. Generell k&#246;nnte man sagen, dass Web 2.0 Look mittlerweile abflaut und nicht mehr im Trend ist; die Internetnutzer sind dessen &#252;berdr&#252;ssig geworden; &#8230; ich, nachdem ich die Pr&#228;sentation gesehen habe, auch. Laut Autor gibt es <a href='http://leoxp.de/web/destroy-web-20-look/217/' class='excerpt-more'>[...]</a>]]></description>
			<content:encoded><![CDATA[<p>Interessante Pr&#228;sentation. Der Autor hinterfragt, was Web 2.0 Look &amp; Feel ist, von wem es stammt und wie es entsteht. Generell k&#246;nnte man sagen, dass Web 2.0 Look mittlerweile abflaut und nicht mehr im Trend ist; die Internetnutzer sind dessen &#252;berdr&#252;ssig geworden; &#8230; ich, nachdem ich die Pr&#228;sentation gesehen habe, auch.<br />
Laut Autor gibt es aber &#8220;Web 2.0 Look&#8221; gar nicht  <img src='http://leoxp.de/web/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p><a href="http://static.slideshare.net/swf/ssplayer2.swf?doc=fowd-november-2007-1194556763131314-1">Link zur Slideshow</a></p>
]]></content:encoded>
			<wfw:commentRss>http://leoxp.de/web/destroy-web-20-look/217/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

