<?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>toadward &#187; coding</title>
	<atom:link href="http://blog.toadward.de/category/coding/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.toadward.de</link>
	<description>design geek tech fun computer web ajax</description>
	<lastBuildDate>Tue, 06 Jul 2010 20:19:47 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Quake3 im Browser</title>
		<link>http://blog.toadward.de/356/quake3-im-browser/</link>
		<comments>http://blog.toadward.de/356/quake3-im-browser/#comments</comments>
		<pubDate>Tue, 09 Feb 2010 14:06:01 +0000</pubDate>
		<dc:creator>Toadward</dc:creator>
				<category><![CDATA[coding]]></category>
		<category><![CDATA[geek tech]]></category>
		<category><![CDATA[news]]></category>

		<guid isPermaLink="false">http://blog.toadward.de/?p=356</guid>
		<description><![CDATA[Copperlicht ist eine neu 3D Engine f&#252;r HTML5 Browser.

Video: Copperlicht &#8211; Quake-3-WebGL-Demo&#160;(1:09)
Mehr dazu auf der Herstellerseite von Ambiera
(via golem.de)
]]></description>
			<content:encoded><![CDATA[<p>Copperlicht ist eine neu 3D Engine f&#252;r HTML5 Browser.<br />
<object width="480" height="270"><param name="movie" value="http://video.golem.de/player/videoplayer.swf?id=2804&#038;autoPl=false"></param><param name="allowFullScreen" value="true"></param><param name="AllowScriptAccess" value="always"><embed src="http://video.golem.de/player/videoplayer.swf?id=2804&#038;autoPl=false" type="application/x-shockwave-flash" allowfullscreen="true" AllowScriptAccess="always" width="320" height="240"></embed></param></object>
<div style="width:320px; text-align:center; font-family:verdana,sans-serif; font-size:0.8em;"><a href="http://video.golem.de/games/2804/copperlicht-quake-3-webgl-demo.html">Video: Copperlicht &#8211; Quake-3-WebGL-Demo</a>&nbsp;(1:09)</div>
<p>Mehr dazu auf der Herstellerseite von <a href="http://www.ambiera.com/copperlicht/demos.html">Ambiera</a><br />
(via <a href="http://www.golem.de/1002/72973.html">golem.de</a>)</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.toadward.de/356/quake3-im-browser/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jParallax</title>
		<link>http://blog.toadward.de/309/jparallax/</link>
		<comments>http://blog.toadward.de/309/jparallax/#comments</comments>
		<pubDate>Sat, 13 Sep 2008 18:12:32 +0000</pubDate>
		<dc:creator>Toadward</dc:creator>
				<category><![CDATA[coding]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[news]]></category>

		<guid isPermaLink="false">http://blog.toadward.de/309/jparallax/</guid>
		<description><![CDATA[Parallax Scrolling jetzt auch mit Javascript m&#246;glich.


Ein alter visueller Effekt aus der Spielewelt (z.B. Giana Sisters) oder auch aus der Demoszene.
Das Javascript auf jQuery Basis findet man bei Stephen Band.
Wie es genau funktioniert beschreibt ein Artikel bei ThinkVitamin
]]></description>
			<content:encoded><![CDATA[<p><a href="http://en.wikipedia.org/wiki/Parallax_scrolling">Parallax Scrolling</a> jetzt auch mit Javascript m&#246;glich.<br />
<img src="http://blog.toadward.de/files/jparallax1.jpg" alt="jparallax" /><br />
<a href="http://webdev.stephband.info/parallax_demos.html"><img src="http://blog.toadward.de/files/jparallax2.jpg" alt="jparallax" /></a><br />
Ein alter visueller Effekt aus der Spielewelt (z.B. Giana Sisters) oder auch aus der Demoszene.</p>
<p>Das Javascript auf jQuery Basis findet man bei <a href="http://webdev.stephband.info/parallax.html">Stephen Band</a>.<br />
Wie es genau funktioniert beschreibt ein Artikel bei <a href="http://www.thinkvitamin.com/features/design/how-to-recreate-silverbacks-parallax">ThinkVitamin</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.toadward.de/309/jparallax/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Top 10 CSS Tutorials</title>
		<link>http://blog.toadward.de/204/top-10-css-tutorials/</link>
		<comments>http://blog.toadward.de/204/top-10-css-tutorials/#comments</comments>
		<pubDate>Wed, 30 Aug 2006 15:10:32 +0000</pubDate>
		<dc:creator>Toadward</dc:creator>
				<category><![CDATA[coding]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[news]]></category>

		<guid isPermaLink="false">http://blog.toadward.de/204/top-10-css-tutorials/</guid>
		<description><![CDATA[Cameron Olthuis hat schon im April die Top 10 CSS Tutorials gepostet. 
www.cameronolthuis.com/2006/04/top-10-css-tutorials/
Einige tolle Sachen dabei.
]]></description>
			<content:encoded><![CDATA[<p>Cameron Olthuis hat schon im April die Top 10 CSS Tutorials gepostet. </p>
<p><a href="http://www.cameronolthuis.com/2006/04/top-10-css-tutorials/" title="http://www.cameronolthuis.com/2006/04/top-10-css-tutorials/" target="_blank">www.cameronolthuis.com/2006/04/top-10-css-tutorials/</a></p>
<p>Einige tolle Sachen dabei.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.toadward.de/204/top-10-css-tutorials/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Webdeveloper Links</title>
		<link>http://blog.toadward.de/203/webdeveloper-links/</link>
		<comments>http://blog.toadward.de/203/webdeveloper-links/#comments</comments>
		<pubDate>Wed, 30 Aug 2006 14:59:26 +0000</pubDate>
		<dc:creator>Toadward</dc:creator>
				<category><![CDATA[coding]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[news]]></category>

		<guid isPermaLink="false">http://blog.toadward.de/203/webdeveloper-links/</guid>
		<description><![CDATA[Auf dem Weg durch weite Web habe ich folgende, wie ich finde, sehr n&#252;tzliche Infos gefunden, um die Performance seiner Webseiten zu verbessern.
Zum einen sollte man die Gr&#246;&#223;e der verschiedenen Dateien optimieren, welche auf einer Webseite sind. Dies w&#228;ren HTML, CSS,  JavaScript sowie Bilder. Je geringer das Datenvolumen, desto weniger Datenanfragen an den Server [...]]]></description>
			<content:encoded><![CDATA[<p>Auf dem Weg durch weite Web habe ich folgende, wie ich finde, sehr n&#252;tzliche Infos gefunden, um die Performance seiner Webseiten zu verbessern.</p>
<p>Zum einen sollte man die Gr&#246;&#223;e der verschiedenen Dateien optimieren, welche auf einer Webseite sind. Dies w&#228;ren HTML, CSS,  JavaScript sowie Bilder. Je geringer das Datenvolumen, desto weniger Datenanfragen an den Server m&#252;ssen abgesetzt werdeb, desto weniger Datenpakete werden &#252;bertragen (<a href="http://www.fiftyfoureleven.com/weblog/web-development/programming-and-scripts/reducing-http-requests" target="_blank">Reduce HTTP Requests</a>).<br />
Hierbei finde ich vor allem die Optimierung von mehreren JavaScripten (<a href="http://www.thinkvitamin.com/features/webapps/serving-javascript-fast" target="_blank">Serving JavaScript fast</a>) sowie von Cascading Stylesheets (<a href="http://www.ibloomstudios.com/articles/php_css_compressor/" target="_blank">CSS Compressor</a>) bemerkenswert.</p>
<p>Auch f&#252;r die AJAX Freaks gibt es <a href="http://www.mnot.net/javascript/xmlhttprequest/cache.html" target="_blank">hier</a> und <a href="http://blogs.pathf.com/agileajax/2006/08/object_pooling_.html" target="_blank">hier</a> Ideen. Es gibt M&#246;glichkeiten den XMLHttpRequest zu cachen beziehungsweise wiederzuverwenden.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.toadward.de/203/webdeveloper-links/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Relay &#8211; ajax directory manager</title>
		<link>http://blog.toadward.de/188/relay-ajax-directory-manager/</link>
		<comments>http://blog.toadward.de/188/relay-ajax-directory-manager/#comments</comments>
		<pubDate>Sun, 02 Jul 2006 12:30:43 +0000</pubDate>
		<dc:creator>Toadward</dc:creator>
				<category><![CDATA[coding]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://blog.toadward.de/188/relay-ajax-directory-manager/</guid>
		<description><![CDATA[Der Weg zum komplett webbasierten Arbeiten schreitet immer weiter voran.

Relay ist ein webbasierter Directory Manager und hat die Funktionalit&#228;ten eines FTP Programmes.
Arbeiten mit Drag and Drop ist Dank Web 2.0 m&#246;glich.
Einfach mal die Live Demo ausprobieren.
Das ganze ist OpenSource und auch kann auf dem eigenen Server ausprobiert werden.
Features

drag-n-drop files and folders
dynamic loading file structure
upload progress [...]]]></description>
			<content:encoded><![CDATA[<p>Der Weg zum komplett webbasierten Arbeiten schreitet immer weiter voran.<br />
<img src="http://blog.toadward.de/files/relay_ajax.jpg" alt="relay" /><br />
<a href="http://ecosmear.com/relay/" target="_blank">Relay</a> ist ein webbasierter Directory Manager und hat die Funktionalit&#228;ten eines FTP Programmes.<br />
Arbeiten mit Drag and Drop ist Dank Web 2.0 m&#246;glich.<br />
Einfach mal die <a href="http://ecosmear.com/relay/" target="_blank">Live Demo</a> ausprobieren.<br />
Das ganze ist OpenSource und auch kann auf dem eigenen Server ausprobiert werden.<br />
<strong>Features</strong></p>
<ul>
<li>drag-n-drop files and folders</li>
<li>dynamic loading file structure</li>
<li>upload progress bar</li>
<li>thumbnail view, including pdf</li>
<li>multiple users &#038; accounts</li>
</ul>
<p><strong>Anforderungen</strong></p>
<ul>
<li>PHP version 4+</li>
<li>MySQL version 4+</li>
<li>Perl 5.8.0 (for upload progress)</li>
<li>Apache 2.0</li>
</ul>
<p><a href="http://ecosmear.com" target="_blank">Blog der Entwickler</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.toadward.de/188/relay-ajax-directory-manager/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Links</title>
		<link>http://blog.toadward.de/186/links/</link>
		<comments>http://blog.toadward.de/186/links/#comments</comments>
		<pubDate>Sat, 01 Jul 2006 16:26:58 +0000</pubDate>
		<dc:creator>Toadward</dc:creator>
				<category><![CDATA[coding]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[geek tech]]></category>
		<category><![CDATA[news]]></category>

		<guid isPermaLink="false">http://blog.toadward.de/186/links/</guid>
		<description><![CDATA[Diesmal ein paar Links aus meinen Bookmarks:
pixelgroovy.com
Umfangreiche Tutorialseite zu den verschiedensten Applikationen bzw. Themen.
veerle.duoh.com
Momentan gehyptes Blog.
www.techeblog.com
Der Name sagt alles. Hier gibt es jede Menge News zu Geek Tech aus aller Welt.
]]></description>
			<content:encoded><![CDATA[<p>Diesmal ein paar Links aus meinen Bookmarks:</p>
<p><a href="http://pixelgroovy.com" title="http://pixelgroovy.com" target="_blank">pixelgroovy.com</a></p>
<p>Umfangreiche Tutorialseite zu den verschiedensten Applikationen bzw. Themen.</p>
<p><a href="http://veerle.duoh.com" title="http://veerle.duoh.com" target="_blank">veerle.duoh.com</a></p>
<p>Momentan gehyptes Blog.</p>
<p><a href="http://www.techeblog.com" title="http://www.techeblog.com" target="_blank">www.techeblog.com</a></p>
<p>Der Name sagt alles. Hier gibt es jede Menge News zu Geek Tech aus aller Welt.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.toadward.de/186/links/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>websites as graphs</title>
		<link>http://blog.toadward.de/177/websites-as-graphs/</link>
		<comments>http://blog.toadward.de/177/websites-as-graphs/#comments</comments>
		<pubDate>Sun, 28 May 2006 13:50:52 +0000</pubDate>
		<dc:creator>Toadward</dc:creator>
				<category><![CDATA[coding]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://blog.toadward.de/177/websites-as-graphs/</guid>
		<description><![CDATA[
What do the colors mean?
blue: for links (the A tag)
red: for tables (TABLE, TR and TD tags)
green: for the DIV tag
violet: for images (the IMG tag)
yellow: for forms (FORM, INPUT, TEXTAREA, SELECT and OPTION tags)
orange: for linebreaks and blockquotes (BR, P, and BLOCKQUOTE tags)
black: the HTML tag, the root node
gray: all other tags 
www.aharef.info/static/htmlgraph/
]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.toadward.de/files/websitesasgraphs.jpg" alt="websitesasgraphs" /><br />
What do the colors mean?<br />
blue: for links (the A tag)<br />
red: for tables (TABLE, TR and TD tags)<br />
green: for the DIV tag<br />
violet: for images (the IMG tag)<br />
yellow: for forms (FORM, INPUT, TEXTAREA, SELECT and OPTION tags)<br />
orange: for linebreaks and blockquotes (BR, P, and BLOCKQUOTE tags)<br />
black: the HTML tag, the root node<br />
gray: all other tags </p>
<p><a href="http://www.aharef.info/static/htmlgraph/" title="http://www.aharef.info/static/htmlgraph/" target="_blank">www.aharef.info/static/htmlgraph/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.toadward.de/177/websites-as-graphs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>total validator</title>
		<link>http://blog.toadward.de/174/total-validator/</link>
		<comments>http://blog.toadward.de/174/total-validator/#comments</comments>
		<pubDate>Thu, 25 May 2006 13:31:06 +0000</pubDate>
		<dc:creator>Toadward</dc:creator>
				<category><![CDATA[coding]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://blog.toadward.de/174/total-validator/</guid>
		<description><![CDATA[
Total Validator is a free one-stop validator or all-in-one validator comprising a HTML validator, an accessibility validator, a spelling validator, a broken links validator, and the ability to take screenshots with different browsers to see what your web pages really look like.

Das ganze kann man sich dann per Mail zuschicken lassen.
www.totalvalidator.com
]]></description>
			<content:encoded><![CDATA[<blockquote><p>
Total Validator is a free one-stop validator or all-in-one validator comprising a HTML validator, an accessibility validator, a spelling validator, a broken links validator, and the ability to take screenshots with different browsers to see what your web pages really look like.
</p></blockquote>
<p>Das ganze kann man sich dann per Mail zuschicken lassen.</p>
<p><a href="http://www.totalvalidator.com" title="http://www.totalvalidator.com" target="_blank">www.totalvalidator.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.toadward.de/174/total-validator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Lightbox JS v2.0</title>
		<link>http://blog.toadward.de/162/lightbox-js-v20/</link>
		<comments>http://blog.toadward.de/162/lightbox-js-v20/#comments</comments>
		<pubDate>Thu, 30 Mar 2006 16:37:38 +0000</pubDate>
		<dc:creator>Toadward</dc:creator>
				<category><![CDATA[coding]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://blog.toadward.de/162/lightbox-js-v20/</guid>
		<description><![CDATA[Eine neue Version der tollen Lightbox ist da !
Was ist neu ?

Image Sets: group related images and navigate through them with ease
Visual Effects: fancy pants transitions
Backwards Compatibility: yes!

Den Download sowie eine Demo findet sich unter www.huddletogether.com/projects/lightbox2/.
]]></description>
			<content:encoded><![CDATA[<p>Eine neue Version der tollen Lightbox ist da !</p>
<p>Was ist neu ?</p>
<ul>
<li>Image Sets: group related images and navigate through them with ease</li>
<li>Visual Effects: fancy pants transitions</li>
<li>Backwards Compatibility: yes!</li>
</ul>
<p>Den Download sowie eine Demo findet sich unter <a href="http://www.huddletogether.com/projects/lightbox2/" title="http://www.huddletogether.com/projects/lightbox2/" target="_blank">www.huddletogether.com/projects/lightbox2/</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.toadward.de/162/lightbox-js-v20/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Lightbox JS</title>
		<link>http://blog.toadward.de/144/lightbox-js/</link>
		<comments>http://blog.toadward.de/144/lightbox-js/#comments</comments>
		<pubDate>Wed, 25 Jan 2006 18:47:29 +0000</pubDate>
		<dc:creator>Toadward</dc:creator>
				<category><![CDATA[coding]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://blog.toadward.de/144/lightbox-js/</guid>
		<description><![CDATA[Lightbox JS is a simple, unobtrusive script used to to overlay images on the current page. It&#8217;s a snap to setup and works on all modern browsers.
www.huddletogether.com/projects/lightbox/
Und mittlerweile gibt es das Ganze auch als Wordpress Plugin.
zeo.unic.net.my/2006/01/17/wp-lightbox-js-wordpress-plugin/
]]></description>
			<content:encoded><![CDATA[<p>Lightbox JS is a simple, unobtrusive script used to to overlay images on the current page. It&#8217;s a snap to setup and works on all modern browsers.</p>
<p><a href="http://www.huddletogether.com/projects/lightbox/" title="http://www.huddletogether.com/projects/lightbox/" target="_blank">www.huddletogether.com/projects/lightbox/</a></p>
<p>Und mittlerweile gibt es das Ganze auch als Wordpress Plugin.</p>
<p><a href="http://zeo.unic.net.my/2006/01/17/wp-lightbox-js-wordpress-plugin/" title="http://zeo.unic.net.my/2006/01/17/wp-lightbox-js-wordpress-plugin/" target="_blank">zeo.unic.net.my/2006/01/17/wp-lightbox-js-wordpress-plugin/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.toadward.de/144/lightbox-js/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
