<?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>Top Web2 &#187; HTML5</title>
	<atom:link href="http://topweb2.net/blog/category/html5/feed" rel="self" type="application/rss+xml" />
	<link>http://topweb2.net/blog</link>
	<description>Javascript , CSS , XHTML  , Web 2 ,PHP  and more</description>
	<lastBuildDate>Tue, 11 May 2010 13:56:31 +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>top 5 html5 games</title>
		<link>http://topweb2.net/blog/top-5-html5-games</link>
		<comments>http://topweb2.net/blog/top-5-html5-games#comments</comments>
		<pubDate>Tue, 11 May 2010 13:56:21 +0000</pubDate>
		<dc:creator>Net Code</dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[featured]]></category>
		<category><![CDATA[canvas]]></category>
		<category><![CDATA[games]]></category>

		<guid isPermaLink="false">http://topweb2.net/blog/?p=124</guid>
		<description><![CDATA[HTML 5 Canvas Games :-
html5 the new horse that many developers and company bets on such as Apple after their fight with flash and also the big and rich one google 
html5 brings to us new tools and techniques transforming the browser to rich and smart environment
one of the greatest things that html5 introduce is [...]]]></description>
			<content:encoded><![CDATA[<h1>HTML 5 Canvas Games :-</h1>
<p>html5 the new horse that many developers and company bets on such as Apple after their fight with flash and also the big and rich one google <img src='http://topweb2.net/blog/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /><br />
html5 brings to us new tools and techniques transforming the browser to rich and smart environment<br />
one of the greatest things that html5 introduce is canvas element that magical element do more that expectation , for many years javascript developers try to animate and draw things over pure html but it wasnt stable and dont support any thing like rotating or transform or effects like shadow or gradient so if you tell any one before that you are going to develop a game that using only pure html &amp; javascript it will call you a crazy or an amateur<br />
but canvas element support all of those it support 2d drawing , image effects , text effects and many other things without crash the browser or being so heavy and slow</p>
<h3>what about 3d:</h3>
<p>canvas element till now support only 2d but it will support 3d soon via engine using some of openGL libraries or maybe DirectX when it happens we will see full 3d games runs from native browsers without any kind of plugins</p>
<p>ok lets see some actions</p>
<h2>Top 10 HTML5 Games:-</h2>
<h3>1- z-war:-</h3>
<p><a href="http://topweb2.net/blog/wp-content/uploads/2010/05/z-war.jpg"><img class="alignnone size-medium wp-image-125" title="z-war" src="http://topweb2.net/blog/wp-content/uploads/2010/05/z-war.jpg" alt="" width="300" height="224" /></a></p>
<p>the best game till now written in javascript using DHTML or Canvas big game with music supporting good accelerating and semi 3d using good canvas effects and load every element as canvas if you choose canvas style in rendering. created by Darkimmortal</p>
<h3>2- canvasscape:-</h3>
<p><a href="http://topweb2.net/blog/wp-content/uploads/2010/05/canvascape.jpg"><img class="alignnone size-medium wp-image-126" title="canvascape" src="http://topweb2.net/blog/wp-content/uploads/2010/05/canvascape.jpg" alt="" width="300" height="209" /></a></p>
<p>its a semi 3d game developed by Ben Joffe and there is two version of these game one without texture and one with<br />
use the keyboard arrows to move and shot your enemies</p>
<h3>3- fred jones in adventure:-</h3>
<p><a href="http://topweb2.net/blog/wp-content/uploads/2010/05/fred-jones-adventureland.jpg"><img class="alignnone size-medium wp-image-127" title="fred-jones-adventureland" src="http://topweb2.net/blog/wp-content/uploads/2010/05/fred-jones-adventureland.jpg" alt="" width="300" height="187" /></a></p>
<p>lovely and highly programmed one created by:PurpleFloyd its support 5 levels with various kind of enemies good one</p>
<h3>4- flashy tetris:-</h3>
<p><a href="http://topweb2.net/blog/wp-content/uploads/2010/05/tetris.jpg"><img class="alignnone size-medium wp-image-128" title="tetris" src="http://topweb2.net/blog/wp-content/uploads/2010/05/tetris.jpg" alt="" width="300" height="187" /></a></p>
<p>who dont love tetris ? <img src='http://topweb2.net/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  but now its done by html5 canvas it fast well rendered the game uses a haXe scene graph engine called Easel its engine support rich animation and flashy effects.</p>
<h3>5-jsCanvas Bike:-</h3>
<p><a href="http://topweb2.net/blog/wp-content/uploads/2010/05/canvas-bike.jpg"><img class="alignnone size-medium wp-image-129" title="canvas-bike" src="http://topweb2.net/blog/wp-content/uploads/2010/05/canvas-bike.jpg" alt="" width="300" height="187" /></a></p>
<p>motocross game you earn points for doing flips , good one but its kinda slow</p>
]]></content:encoded>
			<wfw:commentRss>http://topweb2.net/blog/top-5-html5-games/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>html5 cheat sheets</title>
		<link>http://topweb2.net/blog/html5-cheat-sheets</link>
		<comments>http://topweb2.net/blog/html5-cheat-sheets#comments</comments>
		<pubDate>Thu, 10 Dec 2009 19:33:54 +0000</pubDate>
		<dc:creator>Net Code</dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[cheat sheets]]></category>

		<guid isPermaLink="false">http://topweb2.net/blog/?p=108</guid>
		<description><![CDATA[we talked before about html5 and its standards
here is html5 cheat sheets , its just a prototype but good for remembering the new standards
html5 canvas cheat sheet in pdf format
general html5 cheat sheet in pdf format
best wishes
]]></description>
			<content:encoded><![CDATA[<p>we talked before about <a href="http://topweb2.net/blog/html5-introduction">html5</a> and its standards</p>
<p>here is html5 cheat sheets , its just a prototype but good for remembering the new standards</p>
<p><a href="http://topweb2.net/blog/wp-content/uploads/2009/12/html5-canvas-cheat-sheet.pdf" target="_blank">html5 canvas cheat sheet in pdf format</a></p>
<p><a href="http://topweb2.net/blog/wp-content/uploads/2009/12/html5-cheat-sheet.pdf" target="_blank">general html5 cheat sheet in pdf format</a></p>
<p>best wishes</p>
]]></content:encoded>
			<wfw:commentRss>http://topweb2.net/blog/html5-cheat-sheets/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>internet explorer support HTML5 by google magic</title>
		<link>http://topweb2.net/blog/internet-explorer-support-html5-by-google-magic</link>
		<comments>http://topweb2.net/blog/internet-explorer-support-html5-by-google-magic#comments</comments>
		<pubDate>Thu, 24 Sep 2009 12:26:34 +0000</pubDate>
		<dc:creator>Net Code</dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[web2]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[chromeframe]]></category>

		<guid isPermaLink="false">http://topweb2.net/blog/?p=92</guid>
		<description><![CDATA[thats not a joke , google surprise us with an amazing plugin to internet explorer 6,7,8 to get html5 tags working correctly on internet explorer 6,7,8
google called this plugin chromeframe and  according to google google chrome frame is an open source plugin that bring google chrome technology to internet explorer
the next video shows the power [...]]]></description>
			<content:encoded><![CDATA[<p>thats not a joke , google surprise us with an amazing plugin to internet explorer 6,7,8 to get html5 tags working correctly on internet explorer 6,7,8</p>
<p>google called this plugin chromeframe and  according to google google chrome frame is an open source plugin that bring google chrome technology to internet explorer</p>
<p>the next video shows the power of the google chromeframe the google plugin</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="560" height="340" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/sjW0Bchdj-w&amp;hl=en&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="560" height="340" src="http://www.youtube.com/v/sjW0Bchdj-w&amp;hl=en&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>what you are waiting for ,  if you are using internet explorer get the plugin now</p>
<p><a href="http://code.google.com/chrome/chromeframe/" target="_blank">http://code.google.com/chrome/chromeframe/ </a></p>
]]></content:encoded>
			<wfw:commentRss>http://topweb2.net/blog/internet-explorer-support-html5-by-google-magic/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>html5 &#8211; introduction</title>
		<link>http://topweb2.net/blog/html5-introduction</link>
		<comments>http://topweb2.net/blog/html5-introduction#comments</comments>
		<pubDate>Fri, 14 Aug 2009 13:51:19 +0000</pubDate>
		<dc:creator>Net Code</dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[featured]]></category>
		<category><![CDATA[web2]]></category>
		<category><![CDATA[ecma script]]></category>
		<category><![CDATA[w3]]></category>

		<guid isPermaLink="false">http://topweb2.net/blog/?p=42</guid>
		<description><![CDATA[hi every body
sorry for not being posting past days thats because i was busy , today we will talk about awesome technology , we will talk about the new html , html5
the w3 team decided that there will no longer going to develop XHTML to focus on develop HTML5 and define its standard , so [...]]]></description>
			<content:encoded><![CDATA[<p>hi every body<br />
sorry for not being posting past days thats because i was busy , today we will talk about awesome technology , we will talk about the new html , html5</p>
<p>the w3 team decided that there will no longer going to develop XHTML to focus on develop HTML5 and define its standard , so if you want to be up to date with web technology you must learn html5 as soon as possible</p>
<p>if you have a text editor and website you now ready to learn it , so come on with me , go on html5</p>
<p>why html5?</p>
<p>html5 is most interactive most flexible than other release of html , and all of the browsers will be supports it and most of complex things that we was usually doing it in dozens on code you will be able to do that in html5 with just a line of code</p>
<p>when i will be ready to use html5?<br />
now ,  yes now you can use html5 immedialtely but in ie you will face some problems becasue they dont support all html5 features yet</p>
<p>why i use it if html5 not crossbrowser technology??<br />
who says that , html5 is not yet a w3 recommedition thats a true , but it will be soon , and now all browsers except ie supports it , don&#8217;t be shy and try it</p>
<p>where i can start?<br />
ok you can start here in my blog i will post tutorials on html5 and javascript2 , and if you love to read you can see the draft on w3.org site  <a href="http://www.w3.org/TR/html5/" target="_blank">http://www.w3.org/TR/html5/ </a></p>
<p>or what  work group draft <a href="http://www.whatwg.org/specs/web-apps/current-work/ " target="_blank">http://www.whatwg.org/specs/web-apps/current-work/ </a></p>
<p>have fun with html5 and see you later</p>
]]></content:encoded>
			<wfw:commentRss>http://topweb2.net/blog/html5-introduction/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
