<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2germanfull.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:series="http://unfoldingneurons.com/" version="2.0">

<channel>
	<title>Casa Rock!</title>
	
	<link>http://www.casa-rock.de</link>
	<description>Gedanken, Geschreibe, Musik, Software, Web. Alles was rockt!</description>
	<lastBuildDate>Sun, 05 Feb 2012 14:28:26 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/CasaRockt" /><feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="casarockt" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http%3A%2F%2Ffeeds.feedburner.com%2FCasaRockt" src="http://www.newsgator.com/images/ngsub1.gif">Subscribe with NewsGator</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.bloglines.com/sub/http://feeds.feedburner.com/CasaRockt" src="http://www.bloglines.com/images/sub_modern11.gif">Subscribe with Bloglines</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.netvibes.com/subscribe.php?url=http%3A%2F%2Ffeeds.feedburner.com%2FCasaRockt" src="http://www.netvibes.com/img/add2netvibes.gif">Subscribe with Netvibes</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://fusion.google.com/add?feedurl=http%3A%2F%2Ffeeds.feedburner.com%2FCasaRockt" src="http://buttons.googlesyndication.com/fusion/add.gif">Subscribe with Google</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.pageflakes.com/subscribe.aspx?url=http%3A%2F%2Ffeeds.feedburner.com%2FCasaRockt" src="http://www.pageflakes.com/ImageFile.ashx?instanceId=Static_4&amp;fileName=ATP_blu_91x17.gif">Subscribe with Pageflakes</feedburner:feedFlare><item>
		<title>Sonntagsessen: Schnitzel mit Kräuterkruste / Rucolasalat</title>
		<link>http://www.casa-rock.de/2012/02/05/sonntagsessen-schnitzel-mit-krauterkruste-rucolasalat/</link>
		<comments>http://www.casa-rock.de/2012/02/05/sonntagsessen-schnitzel-mit-krauterkruste-rucolasalat/#comments</comments>
		<pubDate>Sun, 05 Feb 2012 14:28:26 +0000</pubDate>
		<dc:creator>Carsten</dc:creator>
				<category><![CDATA[Sonstiges]]></category>

		<guid isPermaLink="false">http://www.casa-rock.de/?p=1166</guid>
		<description><![CDATA[Diese Woche: Schnitzel mit einer Kräuterkruste. Dazu Rucolasalat und Pommes Frites. Zutaten (4 Personen): Schnitzel 4 Schweineschnitzel Salz Pfeffer 2 Ei(er) Mehl und Semmelbrösel für die Panade Kräuterkruste Frische Kräuter nach Marktlage, wie: Kerbel, Schnittlauch, Petersilie, Mayoran, Thymian,Estragon etc. 1-2 Knoblauchzehen, fein geschnitten 2 Schalotten, gewürfelt 1 gehäufter Tl scharfer Senf 2-3 Esslöffel geriebenes Weißbrot [...]]]></description>
			<content:encoded><![CDATA[<p>Diese Woche: Schnitzel mit einer Kräuterkruste. Dazu Rucolasalat und Pommes Frites.</p>
<p><span id="more-1166"></span><br />
Zutaten (4 Personen):</p>
<h3>Schnitzel</h3>
<p>4 	 Schweineschnitzel<br />
 	 Salz<br />
 	 Pfeffer<br />
2 	 Ei(er)<br />
 	 Mehl und Semmelbrösel für die Panade</p>
<h3>Kräuterkruste</h3>
<p>Frische Kräuter nach Marktlage, wie: Kerbel, Schnittlauch, Petersilie, Mayoran, Thymian,Estragon etc.<br />
1-2 	Knoblauchzehen, fein geschnitten<br />
2 	Schalotten, gewürfelt<br />
1 	gehäufter Tl scharfer Senf<br />
2-3	Esslöffel geriebenes Weißbrot<br />
1 	Eigelb</p>
<h3>Zubereitung</h3>
<p>Kruste:<br />
Die Kräuter kurz abspülen, auf einem Küchentuch trocknen und fein hacken.<br />
Die feingehackten Schalotten und den gehackten Knoblauch in etwas Butterschmalz glasig anschwitzen, salzen, pfeffern und den Senf dazu geben. Das geriebene Brot und das Eigelb hinzufügen und alles mit einander &#8220;pastenartig &#8220;gut vermischen.<br />
Als Streifen auf eine Klarsichtbeutel geb#en, einschlagen, 2 cm hoch, glatt mit einem Rollholz verteilen und zunächst für 20 min. in das Kühlfach legen.</p>
<p>Schnitzel:<br />
Die Schnitzel flach klopfen und von überschüssigem Fett befreien. Die Eier miteinander verquirlen und mit Salz und Pfeffer würzen. Die Schnitzel erst in Mehl, dann im Ei und zum Schluss in den Semmelbröseln wenden. In der Pfanne mit reichlich Butterschmalz goldgelb braten.<br />
Heraus nehmen und mit der inzwischen kalt gewordenen Kräuterkruste belegen, zuschneiden, anpassen.<br />
In den auf 200 ° C vorgeheizten Backofen unter den Grillstäben ca. 4 &#8211; 5 min. überkrusten. Herausnehmen</p>
<h3>Kürbiskernöl-Dressing</h3>
<p>3 TL		Zucker<br />
1TL		Zitronensaft<br />
1 Schuss	Kürbiskernöl<br />
1 Schuss	Balsamico, dunkel</p>
<p>Zubereitung:<br />
Zucker mit Zitronensaft verrühren. Danach Kürbiskernöl und Balsamico dazu geben. Gut verrühren, bis der Zucker sich aufgelöst hat und das Dressing eine sämige Konsistenz hat.</p>
<p><a href="http://www.casa-rock.de/wp-content/uploads/2012/02/krauterschnitzel.jpg" rel="lightbox[1166]"><img src="http://www.casa-rock.de/wp-content/uploads/2012/02/krauterschnitzel-300x300.jpg" alt="" title="Schnitzel mit Kräuterkruste" width="300" height="300" class="aligncenter size-medium wp-image-1168" /></a></p>
<img src="http://feeds.feedburner.com/~r/CasaRockt/~4/c6sMukv85eE" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.casa-rock.de/2012/02/05/sonntagsessen-schnitzel-mit-krauterkruste-rucolasalat/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<series:name><![CDATA[Sonntagsessen]]></series:name>
	</item>
		<item>
		<title>Sonntagsessen: Reisfleisch</title>
		<link>http://www.casa-rock.de/2012/01/29/sonntagsessen-reisfleisch/</link>
		<comments>http://www.casa-rock.de/2012/01/29/sonntagsessen-reisfleisch/#comments</comments>
		<pubDate>Sun, 29 Jan 2012 15:20:05 +0000</pubDate>
		<dc:creator>Carsten</dc:creator>
				<category><![CDATA[Sonstiges]]></category>
		<category><![CDATA[Fleisch]]></category>
		<category><![CDATA[kochen]]></category>
		<category><![CDATA[Reis]]></category>
		<category><![CDATA[Reisfleisch]]></category>
		<category><![CDATA[Sonntagsessen]]></category>

		<guid isPermaLink="false">http://www.casa-rock.de/?p=1154</guid>
		<description><![CDATA[Neue Serie/Sammlung/WasAuchImmer: Meine Sonntagsrezepte! Reisfleisch Zutaten (4 Personen) 600g Schweinefleisch aus der Schulter 2 große Zwiebel(n) 5 EL Öl 2 EL Paprikapulver, edelsüß 1 TL Paprikapulver, scharf ½ Liter Fond 1 TL Kümmel, gemahlen 1 EL Majoran, getrocknet 2 Knoblauchzehe(n), zerdrückt Salz 350g Reis (Langkornreis) 1 EL Mehl Zubereitug Das Fleisch in 3 x 3 [...]]]></description>
			<content:encoded><![CDATA[<p>Neue Serie/Sammlung/WasAuchImmer: Meine Sonntagsrezepte!</p>
<h2>Reisfleisch</h2>
<p><span id="more-1154"></span><br />
<h3>Zutaten (4 Personen)</h3>
<p>600g Schweinefleisch aus der Schulter<br />
2 große	Zwiebel(n)<br />
5 EL Öl<br />
2 EL Paprikapulver, edelsüß<br />
1 TL Paprikapulver, scharf<br />
½ Liter	Fond<br />
1 TL Kümmel, gemahlen<br />
1 EL Majoran, getrocknet<br />
2 Knoblauchzehe(n), zerdrückt<br />
Salz<br />
350g Reis (Langkornreis)<br />
1 EL Mehl</p>
<h3>Zubereitug</h3>
<p>Das Fleisch in 3 x 3 cm Stücke schneiden. Die Zwiebeln schälen, klein hacken und in heißem Öl unter ständigem Rühren kräftig anrösten. Fleisch dazugeben und mit rösten, dann die Hitze reduzieren. Mit Paprikapulver bestreuen und mit dem Fond aufgießen. Mit Kümmel, Majoran, Knoblauch und Salz würzen und zugedeckt bei geringer Hitze ca. 40 Minuten schmoren.</p>
<p>In der Zwischenzeit den Reis zubereiten.</p>
<p>Mehl mit 2 EL Wasser verrühren und den Saft vom Reisfleisch am Ende der Garzeit damit binden (dabei kurz aufkochen lassen). Zum Schluss den Reis gut untermischen und nochmals zugedeckt etwas ziehen lassen.</p>
<p>Leider das Foto des Endprodukts vergessen.</p>
<img src="http://feeds.feedburner.com/~r/CasaRockt/~4/U4d0j3R_Cq8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.casa-rock.de/2012/01/29/sonntagsessen-reisfleisch/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<series:name><![CDATA[Sonntagsessen]]></series:name>
	</item>
		<item>
		<title>Meine Lesezeichen vom 13 Januar bis 23 Januar</title>
		<link>http://www.casa-rock.de/2012/01/23/meine-lesezeichen-vom-13-januar-bis-23-januar/</link>
		<comments>http://www.casa-rock.de/2012/01/23/meine-lesezeichen-vom-13-januar-bis-23-januar/#comments</comments>
		<pubDate>Mon, 23 Jan 2012 20:34:41 +0000</pubDate>
		<dc:creator>casarock</dc:creator>
				<category><![CDATA[casa.licous]]></category>

		<guid isPermaLink="false">http://www.casa-rock.de/?p=1139</guid>
		<description><![CDATA[Meine Lesezeichen vom 13 Januar bis 23 Januar Von der Cracker- zur Demoszene &#8211; Pixelmacher &#8211; ZDFmediathek &#8211; ZDF Mediathek [Tags: video tv scene ] (Better) Tabs with Round Out Borders &#124; CSS-Tricks [Tags: webdesign round css ] Command and Conquer &#8211; Tiberian Dawn &#8211; HTML5 [Tags: C&#38;C; game javascript ] chjj/marked &#8211; GitHub [Tags: [...]]]></description>
			<content:encoded><![CDATA[<p>Meine Lesezeichen vom 13 Januar bis 23 Januar</p>
<ul>
<li><a href="http://www.zdf.de/ZDFmediathek/beitrag/video/1490724/Von-der-Cracker--zur-Demoszene#/beitrag/video/1490724/Von-der-Cracker--zur-Demoszene">Von der Cracker- zur Demoszene &#8211; Pixelmacher &#8211; ZDFmediathek &#8211; ZDF Mediathek</a> <br />[Tags: <a href="http://www.delicious.com/casarock/video">video</a>   <a href="http://www.delicious.com/casarock/tv">tv</a>   <a href="http://www.delicious.com/casarock/scene">scene</a>   ]</li>
<li><a href="http://css-tricks.com/better-tabs-with-round-out-borders/">(Better) Tabs with Round Out Borders | CSS-Tricks</a> <br />[Tags: <a href="http://www.delicious.com/casarock/webdesign">webdesign</a>   <a href="http://www.delicious.com/casarock/round">round</a>   <a href="http://www.delicious.com/casarock/css">css</a>   ]</li>
<li><a href="http://www.adityaravishankar.com/projects/games/command-and-conquer/">Command and Conquer &#8211; Tiberian Dawn &#8211; HTML5</a> <br />[Tags: <a href="http://www.delicious.com/casarock/C%26C%3B">C&amp;C;</a>   <a href="http://www.delicious.com/casarock/game">game</a>   <a href="http://www.delicious.com/casarock/javascript">javascript</a>   ]</li>
<li><a href="https://github.com/chjj/marked">chjj/marked &#8211; GitHub</a> <br />[Tags: <a href="http://www.delicious.com/casarock/javascript">javascript</a>   <a href="http://www.delicious.com/casarock/markdown">markdown</a>   ]</li>
<li><a href="http://zynga.github.com/scroller/">zynga/scroller @ GitHub</a> <br />[Tags: <a href="http://www.delicious.com/casarock/library">library</a>   <a href="http://www.delicious.com/casarock/scrolling">scrolling</a>   <a href="http://www.delicious.com/casarock/javascript">javascript</a>   ]</li>
</ul>
<img src="http://feeds.feedburner.com/~r/CasaRockt/~4/TJxx2Gu3G28" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.casa-rock.de/2012/01/23/meine-lesezeichen-vom-13-januar-bis-23-januar/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mein Zitat des Tages</title>
		<link>http://www.casa-rock.de/2012/01/19/mein-zitat-des-tages/</link>
		<comments>http://www.casa-rock.de/2012/01/19/mein-zitat-des-tages/#comments</comments>
		<pubDate>Thu, 19 Jan 2012 07:47:14 +0000</pubDate>
		<dc:creator>Carsten</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Fun]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[projektmanagement]]></category>
		<category><![CDATA[softwareentwicklung]]></category>

		<guid isPermaLink="false">http://www.casa-rock.de/?p=1144</guid>
		<description><![CDATA[Nils Langner schreibt in seinem Blog PHP hates me über Probleme bei klassisches Vorgehensmodellen in der Softwareentwicklung und spricht mir aus der Seele. Mein Lieblingsabsatz &#8220;Misslungene Schätzungen&#8221;: Sich das fachliche Feinkonzept zu Gemüte zu ziehen und danach eine präzise Schätzung abzugeben hat noch nie geklappt. Trotzdem passiert es immer wieder, dass ein Projektmanager oder ein [...]]]></description>
			<content:encoded><![CDATA[<p>Nils Langner schreibt in seinem Blog <a href="http://www.phphatesme.com/">PHP hates me</a> über <a href="http://www.phphatesme.com/blog/projektmanagement/probleme-bei-klassisches-vorgehensmodellen-in-der-softwareentwicklung/">Probleme bei klassisches Vorgehensmodellen in der Softwareentwicklung</a> und spricht mir aus der Seele. Mein Lieblingsabsatz &#8220;Misslungene Schätzungen&#8221;:</p>
<blockquote><p>
Sich das fachliche Feinkonzept zu Gemüte zu ziehen und danach eine präzise Schätzung abzugeben hat noch nie geklappt. Trotzdem passiert es immer wieder, dass ein Projektmanager oder ein einzelner Entwickler diese Aufgabe zugeschustert bekommt, dass dies im Normalfall bis zu 500 Prozent danebenliegen kann, ist empirisch belegt. Bei besonders hartnäckigen Projektleitern, kann es auch vorkommen, dass diese Schätzung bereits in einem frühen Projektstadium in Stein gemeißelt wird und die TV-Werbung für den Launch zuzusagen schon auf den Tag genau gebucht wird. Eine Anpassung des Zeitplans ist somit nicht mehr möglich.</p></blockquote>
<p>Da ist nichts hinzuzufügen. </p>
<img src="http://feeds.feedburner.com/~r/CasaRockt/~4/oZQ5KPuej8s" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.casa-rock.de/2012/01/19/mein-zitat-des-tages/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Meine Lesezeichen vom 10 Januar bis 13 Januar</title>
		<link>http://www.casa-rock.de/2012/01/17/meine-lesezeichen-vom-10-januar-bis-13-januar/</link>
		<comments>http://www.casa-rock.de/2012/01/17/meine-lesezeichen-vom-10-januar-bis-13-januar/#comments</comments>
		<pubDate>Tue, 17 Jan 2012 11:04:01 +0000</pubDate>
		<dc:creator>casarock</dc:creator>
				<category><![CDATA[casa.licous]]></category>

		<guid isPermaLink="false">http://www.casa-rock.de/?p=1115</guid>
		<description><![CDATA[Meine Lesezeichen vom 10 Januar bis 13 Januar iScroll 4 [Tags: development scroll mobile javascript ios ] RESTful Webservices mit PHP &#8211; Phpmonkeys [Tags: howto PHP API REST ] Webkrauts &#187; Ein Blick durch den Viewport [Tags: viewport css media-query mobile ] Pac-Man in 140byt.es &#8212; Gist [Tags: 140Bytes pacman javascript ] jeromeetienne/virtualjoystick.js &#8211; GitHub [...]]]></description>
			<content:encoded><![CDATA[<p>Meine Lesezeichen vom 10 Januar bis 13 Januar</p>
<ul>
<li><a href="http://cubiq.org/iscroll-4">iScroll 4</a> <br />[Tags: <a href="http://www.delicious.com/casarock/development">development</a>   <a href="http://www.delicious.com/casarock/scroll">scroll</a>   <a href="http://www.delicious.com/casarock/mobile">mobile</a>   <a href="http://www.delicious.com/casarock/javascript">javascript</a>   <a href="http://www.delicious.com/casarock/ios">ios</a>   ]</li>
<li><a href="http://www.phpmonkeys.de/2012/01/12/restful-webservices-mit-php/">RESTful Webservices mit PHP &#8211; Phpmonkeys</a> <br />[Tags: <a href="http://www.delicious.com/casarock/howto">howto</a>   <a href="http://www.delicious.com/casarock/PHP">PHP</a>   <a href="http://www.delicious.com/casarock/API">API</a>   <a href="http://www.delicious.com/casarock/REST">REST</a>   ]</li>
<li><a href="http://www.webkrauts.de/2011/12/21/ein-blick-durch-den-viewport/">Webkrauts &raquo; Ein Blick durch den Viewport</a> <br />[Tags: <a href="http://www.delicious.com/casarock/viewport">viewport</a>   <a href="http://www.delicious.com/casarock/css">css</a>   <a href="http://www.delicious.com/casarock/media-query">media-query</a>   <a href="http://www.delicious.com/casarock/mobile">mobile</a>   ]</li>
<li><a href="https://gist.github.com/1384306">Pac-Man in 140byt.es &mdash; Gist</a> <br />[Tags: <a href="http://www.delicious.com/casarock/140Bytes">140Bytes</a>   <a href="http://www.delicious.com/casarock/pacman">pacman</a>   <a href="http://www.delicious.com/casarock/javascript">javascript</a>   ]</li>
<li><a href="https://github.com/jeromeetienne/virtualjoystick.js">jeromeetienne/virtualjoystick.js &#8211; GitHub</a> <br />[Tags: <a href="http://www.delicious.com/casarock/mobile">mobile</a>   <a href="http://www.delicious.com/casarock/game">game</a>   <a href="http://www.delicious.com/casarock/touch">touch</a>   <a href="http://www.delicious.com/casarock/joystick">joystick</a>   ]</li>
<li><a href="http://www.docsnyderspage.de/_page/flash1.htm">Cracktros redone in Flash</a> <br />[Tags: <a href="http://www.delicious.com/casarock/8bit">8bit</a>   <a href="http://www.delicious.com/casarock/scene">scene</a>   <a href="http://www.delicious.com/casarock/intros">intros</a>   <a href="http://www.delicious.com/casarock/c64">c64</a>   <a href="http://www.delicious.com/casarock/flash">flash</a>   ]</li>
<li><a href="http://www.initializr.com/">Initializr &#8211; Start your HTML5 project in 15 seconds!</a> <br />[Tags: <a href="http://www.delicious.com/casarock/css3">css3</a>   <a href="http://www.delicious.com/casarock/blueprint">blueprint</a>   <a href="http://www.delicious.com/casarock/html5">html5</a>   ]</li>
<li><a href="http://dipperstove.com/design/css3-progress-bars.html?utm_source=html5weekly&amp;utm_medium=email">Css3 progress bars, by Josh Sullivan</a> <br />[Tags: <a href="http://www.delicious.com/casarock/css3">css3</a>   ]</li>
<li><a href="http://www.usabilitypost.com/2012/01/10/pressed-button-state-with-css3">Styling Button Links With CSS3</a> <br />[Tags: <a href="http://www.delicious.com/casarock/ui">ui</a>   <a href="http://www.delicious.com/casarock/webdesign">webdesign</a>   <a href="http://www.delicious.com/casarock/button">button</a>   <a href="http://www.delicious.com/casarock/css">css</a>   <a href="http://www.delicious.com/casarock/css3">css3</a>   ]</li>
<li><a href="http://www.mobile-zeitgeist.com/2012/01/11/infografik-top-32-resources-mobile-app-developers-should-know-about/?utm_source=twitterfeed&amp;utm_medium=twitter">Infografik: Top 32 Resources Mobile App Developers Should Know About | mobile zeitgeist</a> <br />[Tags: <a href="http://www.delicious.com/casarock/resources">resources</a>   <a href="http://www.delicious.com/casarock/+mobile+development"> mobile development</a>   <a href="http://www.delicious.com/casarock/infografik">infografik</a>   ]</li>
<li><a href="http://html5doctor.com/the-contenteditable-attribute/">The contenteditable attribute | HTML5 Doctor</a> <br />[Tags: <a href="http://www.delicious.com/casarock/contenteditable">contenteditable</a>   <a href="http://www.delicious.com/casarock/html5">html5</a>   ]</li>
<li><a href="http://bohemianalps.com/tools/grid/">The Heads-Up Grid</a> <br />[Tags: <a href="http://www.delicious.com/casarock/webdesign">webdesign</a>   <a href="http://www.delicious.com/casarock/javascript">javascript</a>   <a href="http://www.delicious.com/casarock/css">css</a>   <a href="http://www.delicious.com/casarock/grid">grid</a>   ]</li>
<li><a href="http://isotope.metafizzy.co/index.html">Isotope</a> <br />[Tags: <a href="http://www.delicious.com/casarock/css">css</a>   <a href="http://www.delicious.com/casarock/grid">grid</a>   <a href="http://www.delicious.com/casarock/design">design</a>   <a href="http://www.delicious.com/casarock/jquery">jquery</a>   ]</li>
<li><a href="http://masonry.desandro.com/">jQuery Masonry</a> <br />[Tags: <a href="http://www.delicious.com/casarock/grid">grid</a>   <a href="http://www.delicious.com/casarock/design">design</a>   <a href="http://www.delicious.com/casarock/layout">layout</a>   <a href="http://www.delicious.com/casarock/css">css</a>   <a href="http://www.delicious.com/casarock/jquery">jquery</a>   ]</li>
</ul>
<img src="http://feeds.feedburner.com/~r/CasaRockt/~4/IpUrq4oTrl0" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.casa-rock.de/2012/01/17/meine-lesezeichen-vom-10-januar-bis-13-januar/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Meine Lesezeichen vom 4 Januar bis 10 Januar</title>
		<link>http://www.casa-rock.de/2012/01/12/meine-lesezeichen-vom-4-januar-bis-10-januar/</link>
		<comments>http://www.casa-rock.de/2012/01/12/meine-lesezeichen-vom-4-januar-bis-10-januar/#comments</comments>
		<pubDate>Thu, 12 Jan 2012 07:37:16 +0000</pubDate>
		<dc:creator>casarock</dc:creator>
				<category><![CDATA[casa.licous]]></category>

		<guid isPermaLink="false">http://www.casa-rock.de/?p=1103</guid>
		<description><![CDATA[Meine Lesezeichen vom 4 Januar bis 10 Januar Cut the Rope &#124; Behind the Scenes [Tags: programming js games html5 ] If PHP Were British &#8211; Added Bytes &#8211; Brighton Web Application Development [Tags: funny programming british humor humour php ] InfoQ: Angry Birds on HTML5 [Tags: angry birds html5 ] impress.js &#124; presentation tool [...]]]></description>
			<content:encoded><![CDATA[<p>Meine Lesezeichen vom 4 Januar bis 10 Januar</p>
<ul>
<li><a href="http://www.cuttherope.ie/dev/">Cut the Rope | Behind the Scenes</a> <br />[Tags: <a href="http://www.delicious.com/casarock/programming">programming</a>   <a href="http://www.delicious.com/casarock/js">js</a>   <a href="http://www.delicious.com/casarock/games">games</a>   <a href="http://www.delicious.com/casarock/html5">html5</a>   ]</li>
<li><a href="http://www.addedbytes.com/blog/if-php-were-british/">If PHP Were British &#8211; Added Bytes &#8211; Brighton Web Application Development</a> <br />[Tags: <a href="http://www.delicious.com/casarock/funny">funny</a>   <a href="http://www.delicious.com/casarock/programming">programming</a>   <a href="http://www.delicious.com/casarock/british">british</a>   <a href="http://www.delicious.com/casarock/humor">humor</a>   <a href="http://www.delicious.com/casarock/humour">humour</a>   <a href="http://www.delicious.com/casarock/php">php</a>   ]</li>
<li><a href="http://www.infoq.com/presentations/Angry-Birds-on-HTML5?utm_source=html5weekly&amp;utm_medium=email">InfoQ: Angry Birds on HTML5</a> <br />[Tags: <a href="http://www.delicious.com/casarock/angry+birds">angry birds</a>   <a href="http://www.delicious.com/casarock/html5">html5</a>   ]</li>
<li><a href="http://bartaz.github.com/impress.js/#/bored">impress.js | presentation tool based on the power of CSS3 transforms and transitions in modern browsers | by Bartek Szopka @bartaz</a> <br />[Tags: <a href="http://www.delicious.com/casarock/slide">slide</a>   <a href="http://www.delicious.com/casarock/html5">html5</a>   <a href="http://www.delicious.com/casarock/css3">css3</a>   <a href="http://www.delicious.com/casarock/presentation">presentation</a>   ]</li>
<li><a href="http://www.mobilemediatoolkit.org/how-mobile-optimize-wordpress-website">How to Mobile-Optimize a WordPress Website</a> <br />[Tags: <a href="http://www.delicious.com/casarock/optimize">optimize</a>   <a href="http://www.delicious.com/casarock/mobile">mobile</a>   <a href="http://www.delicious.com/casarock/wordpress">wordpress</a>   ]</li>
</ul>
<img src="http://feeds.feedburner.com/~r/CasaRockt/~4/TU-WLmZM-Eg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.casa-rock.de/2012/01/12/meine-lesezeichen-vom-4-januar-bis-10-januar/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery != Javascript…</title>
		<link>http://www.casa-rock.de/2012/01/11/jquery-javascript/</link>
		<comments>http://www.casa-rock.de/2012/01/11/jquery-javascript/#comments</comments>
		<pubDate>Wed, 11 Jan 2012 08:45:45 +0000</pubDate>
		<dc:creator>Carsten</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Web zwo null]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.casa-rock.de/?p=1117</guid>
		<description><![CDATA[Ich habe heute auf Twitter einen augenscheinlich interessanten Link gefunden. Auf der Seite wird beschrieben, wie man mit Javascript die Distanz zwischen Mauszeiger und einem Element berechnet. Da ich das interessant fand, schaute ich mir die Sache mal an. Was man dort findet ist (mal wieder) ein triviales Script, das mit jQuery implementiert wurde. Der [...]]]></description>
			<content:encoded><![CDATA[<p>Ich habe heute auf Twitter einen <em>augenscheinlich</em> <a href="http://www.paulund.co.uk/how-to-work-out-distance-between-mouse-and-element">interessanten Link</a> gefunden. Auf der Seite wird beschrieben, wie man mit Javascript die Distanz zwischen Mauszeiger und einem Element berechnet. Da ich das interessant fand, schaute ich mir die Sache mal an.</p>
<p>Was man dort findet ist (mal wieder) ein triviales Script, das mit jQuery implementiert wurde. Der ganze Zauber entsteht im Artikel folgendermaßen:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
&nbsp;
    <span style="color: #003366; font-weight: bold;">var</span> mX<span style="color: #339933;">,</span> mY<span style="color: #339933;">,</span> distance<span style="color: #339933;">,</span>
        $distance <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#distance span'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
        $element  <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#element'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
    $<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">mousemove</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>e<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
        distance <span style="color: #339933;">=</span> calculateDistance<span style="color: #009900;">&#40;</span>$element<span style="color: #339933;">,</span> e.<span style="color: #660066;">pageX</span><span style="color: #339933;">,</span> e.<span style="color: #660066;">pageY</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        $distance.<span style="color: #660066;">text</span><span style="color: #009900;">&#40;</span>distance<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">function</span> calculateDistance<span style="color: #009900;">&#40;</span>elem<span style="color: #339933;">,</span> mouseX<span style="color: #339933;">,</span> mouseY<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
        <span style="color: #000066; font-weight: bold;">return</span> Math.<span style="color: #660066;">floor</span><span style="color: #009900;">&#40;</span>Math.<span style="color: #660066;">sqrt</span><span style="color: #009900;">&#40;</span>Math.<span style="color: #660066;">pow</span><span style="color: #009900;">&#40;</span>mouseX <span style="color: #339933;">-</span> <span style="color: #009900;">&#40;</span>elem.<span style="color: #660066;">offset</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">left</span><span style="color: #339933;">+</span><span style="color: #009900;">&#40;</span>elem.<span style="color: #660066;">width</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">/</span><span style="color: #CC0000;">2</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">2</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> Math.<span style="color: #660066;">pow</span><span style="color: #009900;">&#40;</span>mouseY <span style="color: #339933;">-</span> <span style="color: #009900;">&#40;</span>elem.<span style="color: #660066;">offset</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">top</span><span style="color: #339933;">+</span><span style="color: #009900;">&#40;</span>elem.<span style="color: #660066;">height</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">/</span><span style="color: #CC0000;">2</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">2</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span></pre></td></tr></table></div>

<p>Funktioniert prima, keine Frage. Jetzt stellt sich aber die Frage: <strong>Warum zum Teufel, hat man hier jQuery benutzt?</strong> Ich habe das Gleiche (ok, bis auf die Ermittlung des Span-Elements zur Anzeige der Distanz) mal ohne jQuery erstellt:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
&nbsp;
    <span style="color: #003366; font-weight: bold;">var</span> mX<span style="color: #339933;">,</span> mY<span style="color: #339933;">,</span> distance<span style="color: #339933;">,</span>
        distanceE <span style="color: #339933;">=</span> document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'distance'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
        elementE  <span style="color: #339933;">=</span> document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'element'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
    document.<span style="color: #660066;">onmousemove</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>e<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
        distance <span style="color: #339933;">=</span> calculateDistance<span style="color: #009900;">&#40;</span>elementE<span style="color: #339933;">,</span> e.<span style="color: #660066;">pageX</span><span style="color: #339933;">,</span> e.<span style="color: #660066;">pageY</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        distanceE.<span style="color: #660066;">innerText</span> <span style="color: #339933;">=</span> distance<span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">function</span> calculateDistance<span style="color: #009900;">&#40;</span>elem<span style="color: #339933;">,</span> mouseX<span style="color: #339933;">,</span> mouseY<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
        <span style="color: #000066; font-weight: bold;">return</span> Math.<span style="color: #660066;">floor</span><span style="color: #009900;">&#40;</span>Math.<span style="color: #660066;">sqrt</span><span style="color: #009900;">&#40;</span>Math.<span style="color: #660066;">pow</span><span style="color: #009900;">&#40;</span>mouseX <span style="color: #339933;">-</span> <span style="color: #009900;">&#40;</span>elem.<span style="color: #660066;">offsetLeft</span><span style="color: #339933;">+</span><span style="color: #009900;">&#40;</span>elem.<span style="color: #660066;">offsetWidth</span><span style="color: #339933;">/</span><span style="color: #CC0000;">2</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">2</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> Math.<span style="color: #660066;">pow</span><span style="color: #009900;">&#40;</span>mouseY <span style="color: #339933;">-</span> <span style="color: #009900;">&#40;</span>elem.<span style="color: #660066;">offsetTop</span><span style="color: #339933;">+</span><span style="color: #009900;">&#40;</span>elem.<span style="color: #660066;">offsetHeight</span><span style="color: #339933;">/</span><span style="color: #CC0000;">2</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">2</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></td></tr></table></div>

<p><a href="http://jsfiddle.net/wEku6/">Demo auf jsFiddle</a></p>
<p>Es ist immer wieder traurig anzuschauen, dass selbst die kleinsten Dinge mit jQuery erklärt werden. Leute, lernt Javascript. Lernt zu verstehen, wie jQuery arbeitet, bevor alles damit implementiert wird. Das oben stehende Beispiel ist auch ohne jQuery verständlich und zeigt zu dem noch, wie man Elemente selektiert und Events benutzt.</p>
<img src="http://feeds.feedburner.com/~r/CasaRockt/~4/lc8RRQDa8CI" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.casa-rock.de/2012/01/11/jquery-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cover? Cover! Aber wie!</title>
		<link>http://www.casa-rock.de/2012/01/07/cover-cover-aber-wie/</link>
		<comments>http://www.casa-rock.de/2012/01/07/cover-cover-aber-wie/#comments</comments>
		<pubDate>Sat, 07 Jan 2012 21:36:40 +0000</pubDate>
		<dc:creator>Carsten</dc:creator>
				<category><![CDATA[Sonstiges]]></category>
		<category><![CDATA[Cover]]></category>
		<category><![CDATA[Musik]]></category>

		<guid isPermaLink="false">http://www.casa-rock.de/?p=1106</guid>
		<description><![CDATA[Die Sau wurde bereits durch Twitter getrieben, doch das ist so genial, dass ich es verbloggen muss. Somebody That I Used to Know &#8211; Walk off the Earth (Gotye &#8211; Cover) http://www.youtube.com/watch?v=d9NF2edxy-M Ok, der Song ist vom Arrangement sehr dankbar, aber die Idee ist der Hit! Vor allem der Protagonist ganz rechts hat einen bomben [...]]]></description>
			<content:encoded><![CDATA[<p>Die Sau wurde bereits durch Twitter getrieben, doch das ist so genial, dass ich es verbloggen muss.</p>
<p>Somebody That I Used to Know &#8211; Walk off the Earth (Gotye &#8211; Cover)</p>
<p><a href="http://www.youtube.com/watch?v=d9NF2edxy-M">http://www.youtube.com/watch?v=d9NF2edxy-M</a></p>
<p>Ok, der Song ist vom Arrangement sehr dankbar, aber die Idee ist der Hit! Vor allem der Protagonist ganz rechts hat einen bomben Job. ;)</p>
<p>Der <a href="http://www.youtube.com/user/walkofftheearth?feature=watch">Youtube-Channel</a> von <a href="http://www.walkofftheearth.com/">Walk off the Earth</a> ist eine wundervolle Fundgrube schöner Cover-Versionen. </p>
<img src="http://feeds.feedburner.com/~r/CasaRockt/~4/4XkGlbnnPko" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.casa-rock.de/2012/01/07/cover-cover-aber-wie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Meine Lesezeichen vom 20 Dezember bis 2 Januar</title>
		<link>http://www.casa-rock.de/2012/01/03/meine-lesezeichen-vom-20-dezember-bis-2-januar/</link>
		<comments>http://www.casa-rock.de/2012/01/03/meine-lesezeichen-vom-20-dezember-bis-2-januar/#comments</comments>
		<pubDate>Tue, 03 Jan 2012 21:43:06 +0000</pubDate>
		<dc:creator>casarock</dc:creator>
				<category><![CDATA[casa.licous]]></category>

		<guid isPermaLink="false">http://www.casa-rock.de/?p=1087</guid>
		<description><![CDATA[Meine Lesezeichen vom 20 Dezember bis 2 Januar Magento: How to delete all products and its information [Tags: magento tipps ] OMG!FE &#160;&#124;&#160; BridgeURL [Tags: Talk Conferences webdevelopment ] High Performance: Caching (reloaded) mit PHP &#124; PHP Gangsta &#8211; Der PHP Blog mit Praxisbezug [Tags: performance caching php ]]]></description>
			<content:encoded><![CDATA[<p>Meine Lesezeichen vom 20 Dezember bis 2 Januar</p>
<ul>
<li><a href="http://www.phptechi.com/how-to-delete-all-products-in-magento.html">Magento: How to delete all products and its information</a> <br />[Tags: <a href="http://www.delicious.com/casarock/magento">magento</a>   <a href="http://www.delicious.com/casarock/tipps">tipps</a>   ]</li>
<li><a href="http://bridgeurl.com/omg-fe">OMG!FE &nbsp;|&nbsp; BridgeURL</a> <br />[Tags: <a href="http://www.delicious.com/casarock/Talk">Talk</a>   <a href="http://www.delicious.com/casarock/Conferences">Conferences</a>   <a href="http://www.delicious.com/casarock/webdevelopment">webdevelopment</a>   ]</li>
<li><a href="http://www.phpgangsta.de/high-performance-caching-reloaded-mit-php">High Performance: Caching (reloaded) mit PHP | PHP Gangsta &#8211; Der PHP Blog mit Praxisbezug</a> <br />[Tags: <a href="http://www.delicious.com/casarock/performance">performance</a>   <a href="http://www.delicious.com/casarock/caching">caching</a>   <a href="http://www.delicious.com/casarock/php">php</a>   ]</li>
</ul>
<img src="http://feeds.feedburner.com/~r/CasaRockt/~4/QaIe9wDO6Tw" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.casa-rock.de/2012/01/03/meine-lesezeichen-vom-20-dezember-bis-2-januar/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Frohe Weihnachten</title>
		<link>http://www.casa-rock.de/2011/12/22/frohe-weihnachten/</link>
		<comments>http://www.casa-rock.de/2011/12/22/frohe-weihnachten/#comments</comments>
		<pubDate>Thu, 22 Dec 2011 15:27:42 +0000</pubDate>
		<dc:creator>Carsten</dc:creator>
				<category><![CDATA[Fun]]></category>
		<category><![CDATA[pixelspass]]></category>
		<category><![CDATA[Weihnachten]]></category>

		<guid isPermaLink="false">http://www.casa-rock.de/?p=1095</guid>
		<description><![CDATA[Viel Spaß beim basteln ;) [Bild via Pixelkitsch]]]></description>
			<content:encoded><![CDATA[<p>Viel Spaß beim basteln ;)</p>
<p><a href="http://www.casa-rock.de/wp-content/uploads/2011/12/weihnachtsgruss.jpg" rel="lightbox[1095]"><img src="http://www.casa-rock.de/wp-content/uploads/2011/12/weihnachtsgruss-300x300.jpg" alt="" title="weihnachtsgruss" width="300" height="300" class="aligncenter size-medium wp-image-1096" /></a></p>
<p>[Bild via <a href="http://pixelkitsch.blogsport.de/2011/12/22/frohe-weihnachten-2011/">Pixelkitsch</a>]</p>
<img src="http://feeds.feedburner.com/~r/CasaRockt/~4/NedZjsdG-j0" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.casa-rock.de/2011/12/22/frohe-weihnachten/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss><!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->

