<?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>Brad Frost Web&#187; Brad Frost Web | HTML5 Resources, Examples, and Demos</title>
	<atom:link href="http://bradfrostweb.com/blog/tag/browser-support/feed/" rel="self" type="application/rss+xml" />
	<link>http://bradfrostweb.com</link>
	<description>Web Design, Music and Art</description>
	<lastBuildDate>Wed, 01 Sep 2010 19:45:10 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>HTML5 Resources, Examples, and Demos</title>
		<link>http://bradfrostweb.com/blog/web/html5-resources-examples-demos/</link>
		<comments>http://bradfrostweb.com/blog/web/html5-resources-examples-demos/#comments</comments>
		<pubDate>Tue, 10 Nov 2009 21:43:53 +0000</pubDate>
		<dc:creator>brad</dc:creator>
				<category><![CDATA[html5]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[browser support]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://bradfrostweb.com/blog/?p=226</guid>
		<description><![CDATA[A helpful list of HTML5 Resources to get started exploring the exciting future of the web and its architecture.  Learn about new html5's new tags and new functionality.]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-233" title="Article" src="http://bradfrostweb.com/wp-content/uploads/2009/11/article.png" alt="Article" width="650" height="120" /></p>
<h3>Helpful HTML5 Resources to Get Started</h3>
<h4><a title="Yes You Can Use HTML5 Today" href="http://articles.sitepoint.com/article/html-5-snapshot-2009#">Yes You Can Use HTML5 Today!</a> via Sitepoint</h4>
<p>This article is a fantastic place to start sinking your teeth into HTML5 and how to make the transition from XHTML to HTML5. <a title="HTML5 Demo" href="http://www.sitepoint.com/examples/html5_0709/basic-2.html">This template</a> provides a great jumping off point for someone just starting to experiment.</p>
<h4><a title="Browser Support for HTML5" href="http://www.deepbluesky.com/blog/-/browser-support-for-css3-and-html5_72/">Browser Support for HTML5</a> via Deep Blue Sky</h4>
<p>A perfect snapshot as to where modern browsers stand in regards to supporting HTML5. And as no surprise Internet Explorer&#8217;s support makes everyone weep bitter, bitter tears (to be fair, the author clumps all IE&#8217;s together when IE8 actually supports quite a few features).</p>
<h4><a title="Dive Into HTML5" href="http://diveintohtml5.org/">Dive into HTML5</a> by Marc Pilgrim</h4>
<p>This gorgeously designed site goes thoroughly into depth about HTML features, how to apply them today, theories and much more.  Sidenote: this site has the best use of @font-face thusfar.<br />
<span id="more-226"></span></p>
<h3>Tutorials and Demos</h3>
<h4><a href="http://www.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/">Coding a HTML5 Layout from Scratch</a> via Smashing Magazine</h4>
<p>As usual, Smashing Magazine provides a thorough explanation every step of the way to create an HTML5 layout.</p>
<h4><a title="HTML5 Demos" href="http://html5demos.com/">HTML 5 Demos</a></h4>
<p>Concise List of Demos for each of HTML5&#8217;s new features</p>
<h3>Great Websites Built using HTML5</h3>
<h4><a title="Design Intellection" href="http://designintellection.com/">Design Intellection</a></h4>
<p>This gorgeous, clean design is representative of what html5 is striving to achieve.</p>
<h4><a title="Don't Panic" href="http://www.giovannitufo.com/">Don&#8217;t Panic</a></h4>
<p>I like the colors and the structure</p>
<h4><a title="HTML5 Gallery" href="http://html5gallery.com/">HTML5 Gallery</a></h4>
<p>A regularly updated gallery of sites constructed with HTML5</p>
<h3>Cool Experimental Stuff</h3>
<h4><a title="HTML5 Canvas and Audio Experiment" href="http://9elements.com/io/projects/html5/canvas/">HTML5 Canvas and Audio Experiment</a></h4>
<p>Absolutely amazing visuals that highlight HTML5&#8217;s ability to really do some real amazing animation.  This is why people are calling HTML5 the &#8220;Flash-killer&#8221; although that&#8217;s not happening anytime soon. <a title="Browser Ball" href="http://www.chromeexperiments.com/detail/browser-ball/">This one&#8217;s my favorite</a></p>
<h4><a title="Chrome Experiments" href="http://www.chromeexperiments.com/">Chrome Experiments</a></h4>
<p>Not necessarily all done with HTML5, but there are some amazing applications of it highlighted on this site</p>
<h4><a title="Canvascape" href="http://www.benjoffe.com/code/demos/canvascape/">Canvascape</a></h4>
<p>First person shooter done entirely using the canvas element</p>
<h3>Additional Resources</h3>
<h4><a title="23 Essential HTML5 Resources" href="http://carsonified.com/blog/dev/html-5-dev/23-essential-html-5-resources/">23 Essential HTML5 Resources</a> via Carsonified</h4>
<p>Great round-up of demos, explanations, and other HTML5 resources</p>
<h4><a href="http://html5doctor.com/">HTML5 Doctor</a></h4>
<p>News and explanations from the front-line of HTML5 development.  Great resource for finding out what&#8217;s current, why HTML5 is being built the way it is, and learning about elements in depth</p>
<h4><a title="Designing with Web Standards" href="http://www.zeldman.com/dwws/">Designing with Web Standards, 3rd Edition</a> by Jefferey Zeldman</h4>
<p>The 7th Chapter is devoted to HTML5, its origins, its future and how it will further web standards. An essential read for many reasons, the HTML5 chapter is an added bonus.</p>
<h4><a title="HTML5Watcher" href="http://twitter.com/HTML5watcher">@HTML5watcher on Twitter</a></h4>
<p>An automated aggregate of people posting about HTML5 on Twitter. Sometimes a bit redundant, but a great resource nonetheless</p>
<h4><a href="http://vimeo.com/6985053">The Future of HTML5</a> via Carsonified</h4>
<p>Great video of Bruce Lawson&#8217;s lecture on the future of the new HTML</p>
<h3>Room for More</h3>
<p>These are just some of the examples and resources I&#8217;ve come across that really highlight the power and potential of HTML5.  I&#8217;d really love to make this list grow so if you have any cool HTML5 resources, fresh new sites or super baddasswicked examples of cool experimental stuff, I&#8217;d love to see them. Let me know in the comments or <a title="Brad Frost on Twitter" href="http://twitter.com/brad_frost">hit me up on Twitter</a>.</p>
<p><img class="alignnone size-full wp-image-236" title="article_end" src="http://bradfrostweb.com/wp-content/uploads/2009/11/article_end.png" alt="article_end" width="650" height="120" /></p>
]]></content:encoded>
			<wfw:commentRss>http://bradfrostweb.com/blog/web/html5-resources-examples-demos/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
