<?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>AddyOsmani.com &#124; Where User Interface Ideas Grows &#187; everything you need to know</title>
	<atom:link href="http://addyosmani.com/blog/tag/everything-you-need-to-know/feed/" rel="self" type="application/rss+xml" />
	<link>http://addyosmani.com/blog</link>
	<description>This is the home of Addy Osmani (Web Developer, Designer &#38; Author). Here you can find some great tips and tutorials on everything to do with web development and even a few useful code samples!</description>
	<lastBuildDate>Fri, 03 Sep 2010 21:35:46 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Why HTML5 is a Game Changer and what it means for you.</title>
		<link>http://addyosmani.com/blog/why-html5-is-a-game-changer-and-what-it-means-for-you/</link>
		<comments>http://addyosmani.com/blog/why-html5-is-a-game-changer-and-what-it-means-for-you/#comments</comments>
		<pubDate>Wed, 16 Sep 2009 03:26:02 +0000</pubDate>
		<dc:creator>Addy</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[canvas]]></category>
		<category><![CDATA[everything you need to know]]></category>
		<category><![CDATA[game changer]]></category>
		<category><![CDATA[google app engine]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[html5 game changer]]></category>
		<category><![CDATA[html5 tutorial]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[web application]]></category>
		<category><![CDATA[web developers]]></category>

		<guid isPermaLink="false">http://addyosmani.com/blog/?p=3</guid>
		<description><![CDATA[Web Developers are commonly asked to create applications which stream video, display fluid animations, play music and integrate with Twitter and Facebook. In many cases if one wanted to achieve all of these things you had to leverage on a number of different technologies which probably included Flash, Flex or Silverlight. This requirement to learn [...]]]></description>
			<content:encoded><![CDATA[<div><img id="ppv4" style="float: left; height: 150px; margin-left: 0pt; margin-right: 1em; width: 150px;" src="http://docs.google.com/File?id=ddd2qjcn_20ddm3gfhd_b" alt="" /><span style="font-size: x-large;"><span style="font-size: small;">Web Developers are commonly asked to create applications which stream video, display fluid animations, play music and integrate with Twitter and Facebook. In many cases if one wanted to achieve all of these things you had to leverage on a number of different technologies which probably included Flash, Flex or Silverlight.</span></span></div>
<div><span style="font-size: x-large;"><span style="font-size: small;"><br />
</span></span></div>
<div>
<p><span style="font-size: x-large;"><span style="font-size: small;">This requirement to learn new languages and plugins can increase the time it takes to get a project out the door and the need for many different specialities can definitely increase the cost of getting something impressive done. HTML5 changes this &#8211; with support for high-quality animation, video and audio embedding as well as many other types of rich content, the future of the web may be arriving soon. Here&#8217;s what HTML5 will give you.</span></span><span style="font-size: x-large;"> </span></div>
<p><span id="more-3"></span></p>
<div><!--  ol li { padding-bottom: 10px;} --></p>
<ol style="color: #333333;">
<li><span style="font-size: small;">The <a style="color: #3333cc; text-decoration: none;" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#the-canvas-element">canvas</a> element provides a highly powerful and very straightforward way to draw arbitrary graphics and animations on a web page using pure Javascript. For an example of this, take a look at <a style="color: #3333cc; text-decoration: none;" href="http://htmlfive.appspot.com/static/draw.html">this simple drawing area</a> or these amazing <a id="k05o" title="Chrome" href="http://www.google.com/url?sa=t&amp;source=web&amp;ct=res&amp;cd=1&amp;url=http%3A%2F%2Fwww.chromeexperiments.com%2F&amp;ei=23mbSo6YEs7rlAfc8e2gBQ&amp;usg=AFQjCNEJAHX3B0p2h2wZ6L9TUBGmtZS49A&amp;sig2=DALE9eVG_FOUau5p7-LBZA">Chrome</a> demos. If however you would like to see some of the real horsepower behind the Canvas element, take a look at Mozilla&#8217;s <a style="color: #3333cc; text-decoration: none;" href="https://bespin.mozilla.com/">BeSpin</a>. Bespin is an extensible code editor with an interface so rich that it&#8217;s hard to believe it was written entirely in Javascript and HTML. </span></li>
<li> <span style="font-size: small;">The <a style="color: #3333cc; text-decoration: none;" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/video.html#video">video</a> element aims to make it as easy to embed video on a web page as it is to embed images today. No plugins, no mismatched codecs. See for example, this <a style="color: #3333cc; text-decoration: none;" href="http://htmlfive.appspot.com/static/video.html">simple video editor running in Safari</a>. And check out the page source for <a style="color: #3333cc; text-decoration: none;" href="http://www.youtube.com/html5">this YouTube demo</a>. (As a special bonus, the video is demonstrating the power of O3D, an open source 3D rendering API for the browser.) Imagine being able to directly embed your videos without needing to worry about Flash again.</span></li>
<li> <span style="font-size: small;">The <a style="color: #3333cc; text-decoration: none;" href="http://dev.w3.org/geo/api/spec-source.html">geolocation APIs</a> make location, whether generated via GPS, cell-tower triangulation or wi-fi databases (what <a style="color: #3333cc; text-decoration: none;" href="http://www.skyhookwireless.com/howitworks/">Skyhook calls hybrid positioning</a>) available to any HTML 5-compatible browser-based app. A popular demo that&#8217;s been floating around is using Google to figure out <a style="color: #3333cc; text-decoration: none;" href="http://0.gfe4.serve.steveblock.da.borg.google.com/maps">your current location to any Google map</a> using built-in Browser functions, and another interesting development has been <a style="color: #3333cc; text-decoration: none;" href="http://www.google.com/latitude/intro.html">Google Latitude</a> for the iPhone. What&#8217;s really impressive about Latitude on the phone is that it&#8217;s a web app, with all the platform independence that implies, not a platform-dependent phone application.</span></li>
<li> <span style="font-size: small;"><a style="color: #3333cc; text-decoration: none;" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/offline.html#appcache">AppCache and Database</a> make it easy to build offline apps. The killer demo is one first at <a style="color: #3333cc; text-decoration: none;" href="http://web2expo.com/">Web 2.0 Expo San Francisco</a> some time ago: offline gmail on an Android phone.</span></li>
<li> <span style="font-size: small;"><a style="color: #3333cc; text-decoration: none;" href="http://www.whatwg.org/specs/web-workers/current-work/">Web workers</a> is a mechanism for spinning off background threads to do processing that would otherwise slow the browser to a crawl. For a convincing demo, take a look at a web page <a style="color: #3333cc; text-decoration: none;" href="http://htmlfive.appspot.com/static/primes-bad.html">calculating primes without web workers</a>. As the demo says, &#8220;Click &#8216;Go!&#8217; to hose your browser.&#8221; Then check out <a style="color: #3333cc; text-decoration: none;" href="http://htmlfive.appspot.com/static/primes-good.html">the version with web workers</a>. Primes start appearing, with no hit to browser performance. Even more impressive is a <a style="color: #3333cc; text-decoration: none;" href="http://htmlfive.appspot.com/static/tracker1.html">demo of video motion tracking</a>, using Javascript in the browser.</span></li>
</ol>
</div>
]]></content:encoded>
			<wfw:commentRss>http://addyosmani.com/blog/why-html5-is-a-game-changer-and-what-it-means-for-you/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
	</channel>
</rss>
