<?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>HTML5 Gallery &#187; Games</title> <atom:link href="http://html5gallery.com/category/games/feed/" rel="self" type="application/rss+xml" /><link>http://html5gallery.com</link> <description>A showcase of sites using HTML5 markup</description> <lastBuildDate>Tue, 07 Feb 2012 22:19:00 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3</generator> <item><title>Pirates Love Daisies</title><link>http://html5gallery.com/2011/05/pirates-love-daisies/</link> <comments>http://html5gallery.com/2011/05/pirates-love-daisies/#comments</comments> <pubDate>Thu, 19 May 2011 14:00:31 +0000</pubDate> <dc:creator>Derek Johnson</dc:creator> <category><![CDATA[Games]]></category> <category><![CDATA[audio]]></category> <category><![CDATA[canvas]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[localStorage]]></category> <category><![CDATA[sessionStorage]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=6728</guid> <description><![CDATA[A highly entertaining and well designed HTML5 tower (daisies!) defence game. The action takes place in a canvas, and both sessionStorage and localStorage are used to store game data. When you play a game then shut down your browser, your scores are stored for the next time you visit the site. The sounds used in [...]]]></description> <content:encoded><![CDATA[<p>A highly entertaining and well designed <abbr>HTML</abbr>5 tower (daisies!) defence game.</p><p>The action takes place in a <code>canvas</code>, and both s<code>essionStorage</code> and <code>localStorage</code> are used to store game data. When you play a game then shut down your browser, your scores are stored for the next time you visit the site. The sounds used in the game are also played via the <code>audio</code> element.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/05/pirates-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://www.pirateslovedaisies.com/">http://www.pirateslovedaisies.com/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/05/pirates-love-daisies/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Urustar</title><link>http://html5gallery.com/2011/04/urustar/</link> <comments>http://html5gallery.com/2011/04/urustar/#comments</comments> <pubDate>Tue, 05 Apr 2011 22:02:36 +0000</pubDate> <dc:creator>Derek Johnson</dc:creator> <category><![CDATA[Agency]]></category> <category><![CDATA[Games]]></category> <category><![CDATA[Portfolio]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <category><![CDATA[forms]]></category> <category><![CDATA[microdata]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=6642</guid> <description><![CDATA[The website of a small Genovese company that develops Flash games. The site uses a section element as a generic wrapper for almost everything inside the body tag, but a div would be a much better choice. Other than that the outline isn&#8217;t bad, and it&#8217;s nice to see microdata used to mark up the [...]]]></description> <content:encoded><![CDATA[<p>The website of a small Genovese company that develops Flash games.</p><p>The site uses a <code>section</code> element as a generic wrapper for almost everything inside the body tag, but a <code>div</code> would be a much better choice. Other than that the outline isn&#8217;t bad, and it&#8217;s nice to see microdata used to mark up the contact details. <code>input type="email"</code> is also used in the newsletter subscription form, but curiously not in the contact form&#8217;s email field.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/04/urustar-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://urustar.net/">http://urustar.net/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/04/urustar/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Gamer Vision</title><link>http://html5gallery.com/2011/03/gamer-vision/</link> <comments>http://html5gallery.com/2011/03/gamer-vision/#comments</comments> <pubDate>Wed, 09 Mar 2011 22:35:28 +0000</pubDate> <dc:creator>Derek Johnson</dc:creator> <category><![CDATA[ECommerce]]></category> <category><![CDATA[Games]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=6509</guid> <description><![CDATA[A website for gamers to buy, sell and swap games. Some new HTML5 elements are used such as header, hgroup, nav and footer, although the site would benefit from sectioning content. Nested sections would work well on the home page, and the Recently Listed Sales section could then contain nested articles. input type="search" could also [...]]]></description> <content:encoded><![CDATA[<p>A website for gamers to buy, sell and swap games.</p><p>Some new <abbr>HTML</abbr>5 elements are used such as <code>header</code>, <code>hgroup</code>, <code>nav</code> and <code>footer</code>, although the site would benefit from sectioning content. Nested <code>section</code>s would work well on the home page, and the Recently Listed Sales <code>section</code> could then contain nested <code>article</code>s. <code>input type="search"</code> could also have been used for the search box.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/03/gamer-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://www.gamervision.com/">http://www.gamervision.com/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/03/gamer-vision/feed/</wfw:commentRss> <slash:comments>0</slash:comments> </item> <item><title>Rumpetroll</title><link>http://html5gallery.com/2011/02/rumpetroll/</link> <comments>http://html5gallery.com/2011/02/rumpetroll/#comments</comments> <pubDate>Sun, 20 Feb 2011 09:00:52 +0000</pubDate> <dc:creator>Ian</dc:creator> <category><![CDATA[Games]]></category> <category><![CDATA[Web App]]></category> <category><![CDATA[canvas]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[websockets]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=6282</guid> <description><![CDATA[An experimental game from Scandanavia. A fun game that allows player(s) to swim tadpoles (rumpetrolls) along around a virtual pond. The pond itself is created in canvas which is where the interaction takes place. The app also uses websockets to keep the connection between the browser and server alive (hence the requirement for a specific [...]]]></description> <content:encoded><![CDATA[<p>An experimental game from Scandanavia.</p><p>A fun game that allows player(s) to swim tadpoles (rumpetrolls) along around a virtual pond. The pond itself is created in <code>canvas</code> which is where the interaction takes place. The app also uses <code>websockets</code> to keep the connection between the browser and server alive (hence the requirement for a specific browser). The app also makes use of structural elements <code>aside</code> and <code>section</code> to enclose additional information.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/02/rumpetroll-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://rumpetroll.com/">http://rumpetroll.com/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/02/rumpetroll/feed/</wfw:commentRss> <slash:comments>3</slash:comments> </item> <item><title>Casino Blackjack</title><link>http://html5gallery.com/2011/02/casino-blackjack/</link> <comments>http://html5gallery.com/2011/02/casino-blackjack/#comments</comments> <pubDate>Fri, 18 Feb 2011 09:00:47 +0000</pubDate> <dc:creator>Ian</dc:creator> <category><![CDATA[Games]]></category> <category><![CDATA[audio]]></category> <category><![CDATA[charset]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=6273</guid> <description><![CDATA[Blackjack game by Gaurav Munjal. The sounds on this blackjack card game are played using the audio element, serving up OGG, MP3 and WAV source files but with no fallback for browsers like Internet Explorer. The small information in the footer is nicely enclosed in a small element. The h1 could have been contained in [...]]]></description> <content:encoded><![CDATA[<p>Blackjack game by Gaurav Munjal.</p><p>The sounds on this blackjack card game are played using the <code>audio</code> element, serving up <code>OGG</code>, <code>MP3</code> and <code>WAV</code> <code>source</code> files but with no fallback for browsers like Internet Explorer. The small information in the footer is nicely enclosed in a <code>small</code> element. The <code>h1</code> could have been contained in a <code>header</code> element and remember that the <code>type</code> attribute is no longer required for the <code>script</code> element.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/02/casino-blackjack-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://html5blackjack.net/">http://html5blackjack.net/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/02/casino-blackjack/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Agent 008 Ball</title><link>http://html5gallery.com/2011/01/agent-008-ball/</link> <comments>http://html5gallery.com/2011/01/agent-008-ball/#comments</comments> <pubDate>Fri, 07 Jan 2011 22:00:24 +0000</pubDate> <dc:creator>Derek Johnson</dc:creator> <category><![CDATA[Games]]></category> <category><![CDATA[audio]]></category> <category><![CDATA[canvas]]></category> <category><![CDATA[doctype]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=5949</guid> <description><![CDATA[An online pool game with a secret agent/timebomb twist that is built using the canvas element and audio for the sounds. URL: http://agent8ball.com/]]></description> <content:encoded><![CDATA[<p>An online pool game with a secret agent/timebomb twist that is built using the <code>canvas</code> element and <code>audio</code> for the sounds.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2011/01/8ball-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://agent8ball.com/">http://agent8ball.com/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2011/01/agent-008-ball/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> <item><title>Pump Pro Edits</title><link>http://html5gallery.com/2009/06/pump-pro-edits/</link> <comments>http://html5gallery.com/2009/06/pump-pro-edits/#comments</comments> <pubDate>Mon, 01 Jun 2009 10:50:02 +0000</pubDate> <dc:creator>Richard Clark</dc:creator> <category><![CDATA[Games]]></category> <category><![CDATA[doctype]]></category> <category><![CDATA[elements]]></category> <guid
isPermaLink="false">http://html5gallery.com/?p=323</guid> <description><![CDATA[Pump Pro Edits is the one stop shop for edits used on the game Pump It Up Pro. Recently redesigned using html5 markup that validates. It&#8217;s good to see html5 being used in a wide range of sites/sectors and fields. Pleas remember with the gallery it&#8217;s the markup that you should be interested in not [...]]]></description> <content:encoded><![CDATA[<p>Pump Pro Edits is the one stop shop for edits used on the game <a
href="http://www.piupro.com/">Pump It Up Pro</a>. Recently redesigned using html5 markup that validates. It&#8217;s good to see html5 being used in a wide range of sites/sectors and fields.</p><p>Pleas remember with the gallery it&#8217;s the markup that you should be interested in not the visual appearance of sites.</p><p> <img
src="http://html5gallery.com/wp-content/uploads/2009/05/pumppro-thumb.jpg" alt="Website Screenshot" /></p><p>URL: <a
href="http://www.pumpproedits.com/">http://www.pumpproedits.com/</a></p>]]></content:encoded> <wfw:commentRss>http://html5gallery.com/2009/06/pump-pro-edits/feed/</wfw:commentRss> <slash:comments>1</slash:comments> </item> </channel> </rss>
