<?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>Webdesign-Lounge &#187; Background</title>
	<atom:link href="http://www.webdesign-lounge.com/tag/background/feed" rel="self" type="application/rss+xml" />
	<link>http://www.webdesign-lounge.com</link>
	<description>Mach&#039;s dir bequem..</description>
	<lastBuildDate>Tue, 24 Jan 2012 13:45:18 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Außergewöhnliches Plugin für jQuery: jParallax</title>
		<link>http://www.webdesign-lounge.com/aussergewoehnliches-plugin-fuer-jquery-jparallax</link>
		<comments>http://www.webdesign-lounge.com/aussergewoehnliches-plugin-fuer-jquery-jparallax#comments</comments>
		<pubDate>Mon, 08 Sep 2008 10:25:23 +0000</pubDate>
		<dc:creator>Juicy</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Background]]></category>
		<category><![CDATA[Funny]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[Tipps]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://webdesign-lounge.com/blog/?p=204</guid>
		<description><![CDATA[Für meine Lieblings-Javascript-Bibliothek jQuery gibt es ja mittlerweile Plugins wie Sand am Meer (auch einer der Vorteile von jQuery). Ein Plugin sollte allerdings noch mal separat vorgestellt werden, denn mit jParallax sind wirklich außergewöhnliche Effekte möglich! Das jQuery-Plugin jParallax funktioniert auf der Basis, dass mehrere Bilder als Listenpunkte übereinander gestapelt werden. Bewegt man nun die [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://webdesign-lounge.com/blog/wp-content/uploads/2008/09/top.jpg" alt="" title="jParallax" width="400" height="135" class="alignnone size-full wp-image-210" /></p>
<p>Für meine Lieblings-Javascript-Bibliothek <a href="http://jquery.com/">jQuery</a> gibt es ja mittlerweile Plugins wie Sand am Meer (auch einer der Vorteile von jQuery). Ein Plugin sollte allerdings noch mal separat vorgestellt werden, denn mit jParallax sind wirklich außergewöhnliche Effekte möglich! <span id="more-204"></span></p>
<p><img src="http://webdesign-lounge.com/blog/wp-content/uploads/2008/09/listen.jpg" alt="" title="Beispiel" width="300" height="240" class="alignnone size-full wp-image-211" /></p>
<p>Das jQuery-Plugin jParallax funktioniert auf der Basis, dass mehrere Bilder als Listenpunkte übereinander gestapelt werden. Bewegt man nun die Maus über diese Liste, gibt es durch die unterschiedliche Bewegung der Elemente einen 3-dimensionalen Effekt. Wem das jetzt noch nichts sagt, der schaut sich am besten die verschiedenen Demos dazu an (anklicken):</p>
<p><a href="http://test.stephband.info/parallax_0.5/climber.html"><img src="http://webdesign-lounge.com/blog/wp-content/uploads/2008/09/bersteigerin.jpg" alt="" title="Bersteigerin" width="300" height="169" class="alignnone size-full wp-image-209" /></a></p>
<p><a href="http://webdev.stephband.info/parallax_demos.html"><img src="http://webdesign-lounge.com/blog/wp-content/uploads/2008/09/start.jpg" alt="Demo 2" title="Demo 2" width="300" height="169" class="alignnone size-full wp-image-206" /></a></p>
<p><a href="http://test.stephband.info/parallax_0.6/test.html"><img src="http://webdesign-lounge.com/blog/wp-content/uploads/2008/09/fadenkreuz.jpg" alt="Fadenkreuz" title="Fadenkreuz" width="300" height="169" class="alignnone size-full wp-image-205" /></a></p>
<p><a href="http://test.stephband.info/parallax_0.6/map.html"><img src="http://webdesign-lounge.com/blog/wp-content/uploads/2008/09/karte.jpg" alt="Karte" title="Karte" width="300" height="169" class="alignnone size-full wp-image-208" /></a></p>
<p><a href="http://webdev.stephband.info/parallax_demos_stalkbuttons.html"><img src="http://webdesign-lounge.com/blog/wp-content/uploads/2008/09/turm.jpg" alt="Türme" title="Türme" width="300" height="169" class="alignnone size-full wp-image-207" /></a></p>
<p>Sicherlich muss man den richtigen Anwendungszweck finden, aber wenn der 3D-Effekt gut gemacht ist und nicht zu aufdringlich wirkt, kann es sicherlich der Hingucker auf einer Webseite werden. Ich find&#8217;s auch spannend, wieviele Dinge mittlerweile mit Javascript und Ajax möglich sind. Brauchen wir in Zukunft überhaupt noch Desktopanwendungen?<br />
Wie sind eure Erfahrungen mit Javascript? Eher nervig oder postiv?<br />
Link: <a href="http://webdev.stephband.info/parallax.html">jParallax</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.webdesign-lounge.com/aussergewoehnliches-plugin-fuer-jquery-jparallax/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Einfach und schnell Hintergrundbilder erstellen mit BGPatterns</title>
		<link>http://www.webdesign-lounge.com/einfach-und-schnell-hintergrundbilder-erstellen-mit-bgpatterns</link>
		<comments>http://www.webdesign-lounge.com/einfach-und-schnell-hintergrundbilder-erstellen-mit-bgpatterns#comments</comments>
		<pubDate>Mon, 04 Aug 2008 07:55:00 +0000</pubDate>
		<dc:creator>Juicy</dc:creator>
				<category><![CDATA[Tipps]]></category>
		<category><![CDATA[Background]]></category>
		<category><![CDATA[Free]]></category>
		<category><![CDATA[Muster]]></category>

		<guid isPermaLink="false">http://webdesign-lounge.com/blog/?p=153</guid>
		<description><![CDATA[Der Tiled Backgrounds Designer BgPatterns ist ein Onlinegenerator für Hintergrundmuster. Mit seiner Hilfe könnt ihr auf einfache Weise schnell Muster erstellen. Als erstes sucht ihr euch ein Muster aus und stellt die Größe und die Transparenz ein. Im Moment stehen euch insgesamt 68 verschiedene Muster in 7 unterschiedlichen Kategorien zur Verfügung. Im nächsten Schritt könnt [...]]]></description>
			<content:encoded><![CDATA[<p>Der Tiled Backgrounds Designer <a href="http://www.bgpatterns.com/">BgPatterns</a> ist ein Onlinegenerator für Hintergrundmuster. Mit seiner Hilfe könnt ihr auf einfache Weise schnell Muster erstellen.</p>
<p><a rel="lightbox" href="http://webdesign-lounge.com/blog/wp-content/uploads/2008/08/screenshot.jpg"><img src="http://webdesign-lounge.com/blog/wp-content/uploads/2008/08/screenshot-300x174.jpg" alt="BG-Patterns" title="BG-Patterns" width="300" height="174" class="alignnone size-medium wp-image-158" /></a><br />
<span id="more-153"></span></p>
<p>Als erstes sucht ihr euch ein Muster aus und stellt die Größe und die Transparenz ein.</p>
<p><a rel="lightbox" href="http://webdesign-lounge.com/blog/wp-content/uploads/2008/08/muster-aussuchen.jpg"><img src="http://webdesign-lounge.com/blog/wp-content/uploads/2008/08/muster-aussuchen-300x181.jpg" alt="Muster aussuchen" title="Muster aussuchen" width="300" height="181" class="alignnone size-medium wp-image-155" /></a></p>
<p>Im Moment stehen euch insgesamt 68 verschiedene Muster in 7 unterschiedlichen Kategorien zur Verfügung.</p>
<p>Im nächsten Schritt könnt ihr die Ausrichtung des Musters bestimmen.</p>
<p><a rel="lightbox" href="http://webdesign-lounge.com/blog/wp-content/uploads/2008/08/rotate1.jpg"><img src="http://webdesign-lounge.com/blog/wp-content/uploads/2008/08/rotate1-300x180.jpg" alt="Rotate" title="Rotate1" width="300" height="180" class="alignnone size-medium wp-image-162" /></a></p>
<p>Jetzt noch schnell die Größe und Transparenz des der &#8220;Hintergrundfusseln&#8221; und die Gesamtgröße des Hintergrundmusters einstellen und fertig!</p>
<p><a rel="lightbox" href="http://webdesign-lounge.com/blog/wp-content/uploads/2008/08/canvas.jpg"><img src="http://webdesign-lounge.com/blog/wp-content/uploads/2008/08/canvas-300x182.jpg" alt="Canvas" title="Canvas" width="300" height="182" class="alignnone size-medium wp-image-163" /></a></p>
<p>Wer will kann jetzt noch einen Account anlegen, seine erstellten Muster abspeichern oder in der &#8220;Top Rated&#8221;-Galerie stöbern. Super praktisch und total einfach das Ganze!</p>
<p>via <a href="http://www.pixelgraphix.de/weblog/artikel/hintergrundmuster-schnell-erstellen/">Pixelgraphix</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.webdesign-lounge.com/einfach-und-schnell-hintergrundbilder-erstellen-mit-bgpatterns/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

