<?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>Deerawan &#187; chrome experiments</title>
	<atom:link href="http://www.deerawan.com/tag/chrome-experiments/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.deerawan.com</link>
	<description>freeware &#124; facebook &#124; gadget &#124; wordpress</description>
	<lastBuildDate>Sun, 20 Nov 2011 21:55:29 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Chrome Experiments</title>
		<link>http://www.deerawan.com/google/chrome-experiments/</link>
		<comments>http://www.deerawan.com/google/chrome-experiments/#comments</comments>
		<pubDate>Sun, 16 Aug 2009 07:01:28 +0000</pubDate>
		<dc:creator>deerawan</dc:creator>
				<category><![CDATA[Google]]></category>
		<category><![CDATA[Google Chrome]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[Browser]]></category>
		<category><![CDATA[chrome experiments]]></category>
		<category><![CDATA[google chrome]]></category>

		<guid isPermaLink="false">http://www.deerawan.com/?p=533</guid>
		<description><![CDATA[In order to prepare for HTML 5 that will be a standard in modern browser, Google has launched Chrome Experiments. It is a place where we can see some innovative experiments using the power of HTML 5 and Javascript. The total of experiments is more than 50 and counting. From all, these are my favourites: [...]


Related posts:<ol><li><a href='http://www.deerawan.com/software/review-google-chrome-beta/' rel='bookmark' title='Review Google Chrome Beta'>Review Google Chrome Beta</a></li>
<li><a href='http://www.deerawan.com/software/2-tips-google-chrome-search-text/' rel='bookmark' title='2 Tips in Google Chrome to Search Text'>2 Tips in Google Chrome to Search Text</a></li>
<li><a href='http://www.deerawan.com/google/google-chrome-50-stable-released/' rel='bookmark' title='Google Chrome 5.0 Stable Released'>Google Chrome 5.0 Stable Released</a></li>
<li><a href='http://www.deerawan.com/tutorial/google-chrome-memory-usage-tab/' rel='bookmark' title='Google Chrome : See Memory Usage for Each Tab'>Google Chrome : See Memory Usage for Each Tab</a></li>
<li><a href='http://www.deerawan.com/software/google-chrome-mac/' rel='bookmark' title='Google Chrome on Mac'>Google Chrome on Mac</a></li>
<li><a href='http://www.deerawan.com/google/power-chrome-extensions/' rel='bookmark' title='The Power of Google Chrome Extensions'>The Power of Google Chrome Extensions</a></li>
<li><a href='http://www.deerawan.com/tutorial/create-application-shortcut-google-chrome/' rel='bookmark' title='Create Application Shortcut with Google Chrome'>Create Application Shortcut with Google Chrome</a></li>
<li><a href='http://www.deerawan.com/google/download-chrome-tweetdeck-now-it-is-so-awesome/' rel='bookmark' title='Download Chrome Tweetdeck Now! It Is So Awesome!'>Download Chrome Tweetdeck Now! It Is So Awesome!</a></li>
<li><a href='http://www.deerawan.com/google/google-chrome-google/3-chrome-extensions-show-alexa-rank/' rel='bookmark' title='3 Chrome Extensions to Show Alexa Rank'>3 Chrome Extensions to Show Alexa Rank</a></li>
<li><a href='http://www.deerawan.com/google/firebug-chrome-firefox/' rel='bookmark' title='Firebug for Chrome and Firefox'>Firebug for Chrome and Firefox</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><p>In order to prepare for HTML 5 that will be a standard in modern browser, Google has launched <a href="http://www.chromeexperiments.com">Chrome Experiments</a>. It is a place where we can see some innovative experiments using the power of HTML 5 and Javascript. The total of experiments is more than 50 and counting. From all, these are my favourites:</p>
<p><strong>1. </strong><a href="http://9elements.com/io/projects/html5/canvas/"><strong>100 tweets</strong></a></p>
<div class="wp-caption aligncenter" style="width: 569px"><a href="http://deerawan.com/blogimages/chrome-experiments/html-canvas.jpg"><img class=" " title="100 tweets - HTML Canvas and Audio Tag" src="http://deerawan.com/blogimages/chrome-experiments/html-canvas.jpg" alt="100 tweets - HTML Canvas and Audio Tag" width="559" height="399" /></a><p class="wp-caption-text">100 tweets - HTML Canvas and Audio Tag</p></div>
<p>100 tweets aims to show 100 tweets post related to HTML 5. It is created with the support of HTML 5&#8242;s canvas and audio tag.</p>
<p><span id="more-533"></span></p>
<p><strong>2. </strong><a href="http://www.xs4all.nl/~peterned/3d"><strong>Canvas 3D engine</strong></a></p>
<p><a href="http://www.xs4all.nl/~peterned/3d"></a></p>
<div class="wp-caption aligncenter" style="width: 510px"><a href="http://deerawan.com/blogimages/chrome-experiments/3dcanvas.jpg"><img class=" " title="Canvas 3D engine" src="http://deerawan.com/blogimages/chrome-experiments/3dcanvas.jpg" alt="Canvas 3D engine" width="500" height="401" /></a><p class="wp-caption-text">Canvas 3D engine</p></div>
<p>The purpose is to show some flickr images in 3D environment. It is very creative and wonderful creation. If you click on the surface, you can see a random flickr image.<br />
<!--Adsense5--><br />
<strong>3. </strong><a href="http://mrdoob.com/projects/chromeexperiments/google_gravity/"><strong>Google Gravity</strong></a></p>
<div class="wp-caption aligncenter" style="width: 512px"><a href="http://deerawan.com/blogimages/chrome-experiments/google-gravity.jpg"><img class=" " title="Google Gravity" src="http://deerawan.com/blogimages/chrome-experiments/google-gravity.jpg" alt="Google Gravity" width="502" height="401" /></a><p class="wp-caption-text">Google Gravity</p></div>
<p>This experiment shows you a Google Search page comes down. Very interesting because you can also drag each items like you can drag the logo, you can drag the search text area, you can drag the links. <img src='http://www.deerawan.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /><br />
<!--Adsense4--><br />
<strong>4. </strong><a href="http://mrdoob.com/projects/chromeexperiments/google_sphere/"><strong>Google Sphere</strong></a></p>
<div class="wp-caption aligncenter" style="width: 510px"><a href="http://deerawan.com/blogimages/chrome-experiments/google-sphere.jpg"><img class=" " title="Google Sphere" src="http://deerawan.com/blogimages/chrome-experiments/google-sphere.jpg" alt="Google Sphere" width="500" height="400" /></a><p class="wp-caption-text">Google Sphere</p></div>
<p>Almost same like Google Gravity, it plays with Google but Google Image Search. When you enter a query, you can all the image results floating around to make sphere effect. Really cool!</p>
<p><strong>5. </strong><a href="http://js-fireworks.appspot.com/"><strong>JS Fireworks</strong></a></p>
<div class="wp-caption aligncenter" style="width: 513px"><a href="http://deerawan.com/blogimages/chrome-experiments/js-fireworks.jpghttp://deerawan.com/blogimages/chrome-experiments/js-fireworks.jpg"><img class=" " title="JS Fireworks" src="http://deerawan.com/blogimages/chrome-experiments/js-fireworks.jpg" alt="JS Fireworks" width="503" height="401" /></a><p class="wp-caption-text">JS Fireworks</p></div>
<p>The purpose is to create fireworks effect. The main interesting part is you can insert what text will be appeared after fireworks are launched.</p>
<p><strong>6. </strong><a href="http://mrdoob.com/projects/chromeexperiments/ball_pool/"><strong>Ball Pool</strong></a></p>
<div class="wp-caption aligncenter" style="width: 513px"><a href="http://deerawan.com/blogimages/chrome-experiments/ball-pool.jpg"><img class=" " title="Ball Pool" src="http://deerawan.com/blogimages/chrome-experiments/ball-pool.jpg" alt="Ball Pool" width="503" height="403" /></a><p class="wp-caption-text">Ball Pool</p></div>
<p>It is all about making pool full of ball. Try shake your browser, all balls will move. It is very fun.</p>
<p><strong>Conclusion</strong></p>
<p>If you have any experiments that you like, you can share also in this post. From what I see, the combination of HTML 5 and javascript is really rocks.</p>
<div class="shr-publisher-533"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><div style="clear: both; min-height: 1px; height: 3px; width: 100%;"></div><div class='shareaholic-like-buttonset' style='float:none;height:30px;'><a class='shareaholic-fblike' data-shr_layout='button_count' data-shr_showfaces='false' data-shr_href='http%3A%2F%2Fwww.deerawan.com%2Fgoogle%2Fchrome-experiments%2F' data-shr_title='Chrome+Experiments'></a><a class='shareaholic-googleplusone' data-shr_size='medium' data-shr_count='true' data-shr_href='http%3A%2F%2Fwww.deerawan.com%2Fgoogle%2Fchrome-experiments%2F' data-shr_title='Chrome+Experiments'></a></div><div style="clear: both; min-height: 1px; height: 3px; width: 100%;"></div><!-- End Shareaholic LikeButtonSetBottom Automatic -->

<p>Related posts:<ol><li><a href='http://www.deerawan.com/software/review-google-chrome-beta/' rel='bookmark' title='Review Google Chrome Beta'>Review Google Chrome Beta</a></li>
<li><a href='http://www.deerawan.com/software/2-tips-google-chrome-search-text/' rel='bookmark' title='2 Tips in Google Chrome to Search Text'>2 Tips in Google Chrome to Search Text</a></li>
<li><a href='http://www.deerawan.com/google/google-chrome-50-stable-released/' rel='bookmark' title='Google Chrome 5.0 Stable Released'>Google Chrome 5.0 Stable Released</a></li>
<li><a href='http://www.deerawan.com/tutorial/google-chrome-memory-usage-tab/' rel='bookmark' title='Google Chrome : See Memory Usage for Each Tab'>Google Chrome : See Memory Usage for Each Tab</a></li>
<li><a href='http://www.deerawan.com/software/google-chrome-mac/' rel='bookmark' title='Google Chrome on Mac'>Google Chrome on Mac</a></li>
<li><a href='http://www.deerawan.com/google/power-chrome-extensions/' rel='bookmark' title='The Power of Google Chrome Extensions'>The Power of Google Chrome Extensions</a></li>
<li><a href='http://www.deerawan.com/tutorial/create-application-shortcut-google-chrome/' rel='bookmark' title='Create Application Shortcut with Google Chrome'>Create Application Shortcut with Google Chrome</a></li>
<li><a href='http://www.deerawan.com/google/download-chrome-tweetdeck-now-it-is-so-awesome/' rel='bookmark' title='Download Chrome Tweetdeck Now! It Is So Awesome!'>Download Chrome Tweetdeck Now! It Is So Awesome!</a></li>
<li><a href='http://www.deerawan.com/google/google-chrome-google/3-chrome-extensions-show-alexa-rank/' rel='bookmark' title='3 Chrome Extensions to Show Alexa Rank'>3 Chrome Extensions to Show Alexa Rank</a></li>
<li><a href='http://www.deerawan.com/google/firebug-chrome-firefox/' rel='bookmark' title='Firebug for Chrome and Firefox'>Firebug for Chrome and Firefox</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.deerawan.com/google/chrome-experiments/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using disk: enhanced
Object Caching 890/933 objects using disk: basic

Served from: www.deerawan.com @ 2012-02-07 20:34:23 -->
