<?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; Articles for developers &#187; html5</title> <atom:link href="http://addyosmani.com/blog/tag/html5/feed/" rel="self" type="application/rss+xml" /><link>http://addyosmani.com/blog</link> <description>This is the home of Addy Osmani (JavaScript &#38; UI 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>Mon, 30 Jan 2012 16:10:54 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>Polyfilling The HTML5 Gaps With JavaScript</title><link>http://addyosmani.com/blog/polyfilling-the-html5-gaps/</link> <comments>http://addyosmani.com/blog/polyfilling-the-html5-gaps/#comments</comments> <pubDate>Wed, 14 Dec 2011 15:09:05 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Modern JavaScript Development]]></category> <category><![CDATA[standards]]></category> <category><![CDATA[Talks]]></category> <category><![CDATA[feature detection]]></category> <category><![CDATA[has.js]]></category> <category><![CDATA[html5]]></category> <category><![CDATA[javascript]]></category> <category><![CDATA[modernizr]]></category> <category><![CDATA[polyfills]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/?p=4076</guid> <description><![CDATA[We all want to use the hot new features being implemented in modern browsers right away, but there&#39;s a small problem holding us back: how can we use these great new capabilities whilst ensuring older browsers still render pages and &#8230; <a
href="http://addyosmani.com/blog/polyfilling-the-html5-gaps/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/polyfilling-the-html5-gaps/feed/</wfw:commentRss> <slash:comments>3</slash:comments> </item> <item><title>The Developer&#8217;s Guide To Writing Cross-Browser JavaScript Polyfills</title><link>http://addyosmani.com/blog/writing-polyfills/</link> <comments>http://addyosmani.com/blog/writing-polyfills/#comments</comments> <pubDate>Fri, 12 Aug 2011 05:48:00 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Modern JavaScript Development]]></category> <category><![CDATA[compatibility]]></category> <category><![CDATA[html5]]></category> <category><![CDATA[javascript]]></category> <category><![CDATA[paul irish]]></category> <category><![CDATA[polyfills]]></category> <category><![CDATA[remy sharp]]></category> <category><![CDATA[shims]]></category> <category><![CDATA[writing polyfills]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/?p=3713</guid> <description><![CDATA[I believe it&#39;s one of our responsibilities as designers and developers to both advocate for best practices and encourage others to make the leap to using modern features for a modern web. At the same time, we need to do &#8230; <a
href="http://addyosmani.com/blog/writing-polyfills/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/writing-polyfills/feed/</wfw:commentRss> <slash:comments>8</slash:comments> </item> <item><title>WanderWall &#8211; A jQuery, CSS3 &amp; HTML5 Hover-Based Interface</title><link>http://addyosmani.com/blog/wanderwall/</link> <comments>http://addyosmani.com/blog/wanderwall/#comments</comments> <pubDate>Mon, 23 Aug 2010 01:58:48 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Code Samples]]></category> <category><![CDATA[Design]]></category> <category><![CDATA[@font-face]]></category> <category><![CDATA[animated background]]></category> <category><![CDATA[background animation]]></category> <category><![CDATA[css3]]></category> <category><![CDATA[css3 indent effects]]></category> <category><![CDATA[css3 rotation]]></category> <category><![CDATA[hover]]></category> <category><![CDATA[hover based interface]]></category> <category><![CDATA[html5]]></category> <category><![CDATA[jquery]]></category> <category><![CDATA[jquery animated]]></category> <category><![CDATA[jquery animation]]></category> <category><![CDATA[jquery html5]]></category> <category><![CDATA[jquery user interface]]></category> <category><![CDATA[wanderwall]]></category> <category><![CDATA[wonderwall]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/?p=1018</guid> <description><![CDATA[&#160; Hey guys. Today I&#8217;m going to teach you how to create a useful hover-based user interface using jQuery, CSS3, HTML5 and @font-face. Why a hover-based interface? you might ask. Well, with the popularity of touch-based web applications simplifying the &#8230; <a
href="http://addyosmani.com/blog/wanderwall/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/wanderwall/feed/</wfw:commentRss> <slash:comments>88</slash:comments> </item> <item><title>HTML5 In 5 Minutes &#8211; A Screencast You Just Can&#8217;t Miss!</title><link>http://addyosmani.com/blog/html5-in-5-minutes/</link> <comments>http://addyosmani.com/blog/html5-in-5-minutes/#comments</comments> <pubDate>Mon, 12 Jul 2010 03:35:04 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Under 10 Minutes]]></category> <category><![CDATA[api]]></category> <category><![CDATA[audio]]></category> <category><![CDATA[audio tag]]></category> <category><![CDATA[canvas]]></category> <category><![CDATA[geotagging]]></category> <category><![CDATA[html5]]></category> <category><![CDATA[html5 canvas]]></category> <category><![CDATA[html5 demos]]></category> <category><![CDATA[html5 sql]]></category> <category><![CDATA[html5 tutorial]]></category> <category><![CDATA[localstorage]]></category> <category><![CDATA[sessionstorage]]></category> <category><![CDATA[video element]]></category> <category><![CDATA[video tag]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/?p=938</guid> <description><![CDATA[Hey guys. I recorded you a screencast on HTML5 over the weekend &#8211; I hope you like it!. It covers a lot of the core features HTML5 will bring including code samples for any material covered. Just click on the &#8230; <a
href="http://addyosmani.com/blog/html5-in-5-minutes/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/html5-in-5-minutes/feed/</wfw:commentRss> <slash:comments>6</slash:comments> </item> <item><title>Offline Cross-Browser Client-Side Storage for the Web using JavaScript and a little Flash</title><link>http://addyosmani.com/blog/offline-cross-browser-client-side-storage-for-the-web-using-javascript-and-a-little-flash/</link> <comments>http://addyosmani.com/blog/offline-cross-browser-client-side-storage-for-the-web-using-javascript-and-a-little-flash/#comments</comments> <pubDate>Thu, 22 Oct 2009 03:46:37 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Code Samples]]></category> <category><![CDATA[Web Development]]></category> <category><![CDATA[client-side]]></category> <category><![CDATA[client-side storage]]></category> <category><![CDATA[clientside]]></category> <category><![CDATA[cookies]]></category> <category><![CDATA[cross-browser]]></category> <category><![CDATA[file store]]></category> <category><![CDATA[firefox localstorage]]></category> <category><![CDATA[flash]]></category> <category><![CDATA[flash storage]]></category> <category><![CDATA[google gears]]></category> <category><![CDATA[googlegears]]></category> <category><![CDATA[html5]]></category> <category><![CDATA[html5 localstore]]></category> <category><![CDATA[html5 sql]]></category> <category><![CDATA[html5 storage]]></category> <category><![CDATA[ie]]></category> <category><![CDATA[local storage space]]></category> <category><![CDATA[localstorage]]></category> <category><![CDATA[offline]]></category> <category><![CDATA[offline client-side storage]]></category> <category><![CDATA[offline storage]]></category> <category><![CDATA[safari]]></category> <category><![CDATA[settings storage]]></category> <category><![CDATA[storage]]></category> <category><![CDATA[storage offline]]></category> <category><![CDATA[store files locally]]></category> <category><![CDATA[web storage]]></category> <category><![CDATA[website files local]]></category> <category><![CDATA[website storage]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/offline-cross-browser-client-side-storage-for-the-web-using-javascript-and-a-little-flash/</guid> <description><![CDATA[&#160; Hi guys. Today I&#8217;m going to show you how to do persistent Client-side storage that&#8217;ll work in any Web Browser without needing to use Cookies, Browser-Specific hacks or HTML5 &#8211; in other words, we&#8217;re going to store as much &#8230; <a
href="http://addyosmani.com/blog/offline-cross-browser-client-side-storage-for-the-web-using-javascript-and-a-little-flash/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/offline-cross-browser-client-side-storage-for-the-web-using-javascript-and-a-little-flash/feed/</wfw:commentRss> <slash:comments>13</slash:comments> </item> <item><title>13 Incredibly Fresh New HTML5 Canvas Demos</title><link>http://addyosmani.com/blog/13-incredibly-fresh-new-canvas-demos/</link> <comments>http://addyosmani.com/blog/13-incredibly-fresh-new-canvas-demos/#comments</comments> <pubDate>Thu, 08 Oct 2009 18:06:09 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Web Development]]></category> <category><![CDATA[3d browser]]></category> <category><![CDATA[3d canvas]]></category> <category><![CDATA[3d in browser]]></category> <category><![CDATA[3d javascript canvas]]></category> <category><![CDATA[audio examples]]></category> <category><![CDATA[canvas]]></category> <category><![CDATA[canvas 3d]]></category> <category><![CDATA[canvas animation]]></category> <category><![CDATA[canvas box]]></category> <category><![CDATA[canvas coverflow]]></category> <category><![CDATA[canvas demo]]></category> <category><![CDATA[canvas demos]]></category> <category><![CDATA[canvas examples]]></category> <category><![CDATA[canvas html]]></category> <category><![CDATA[canvas plot]]></category> <category><![CDATA[canvas vs flash]]></category> <category><![CDATA[canvas widget]]></category> <category><![CDATA[html5]]></category> <category><![CDATA[html5 canvas]]></category> <category><![CDATA[html5 examples]]></category> <category><![CDATA[javascript]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/13-incredibly-fresh-new-canvas-demos/</guid> <description><![CDATA[&#160; You all tweeted in to vote and today I&#8217;m sharing a whole new set of HTML5 Canvas demos that really show you just how far you can push the envelope on the &#60;canvas&#62; element. One of my favourite things &#8230; <a
href="http://addyosmani.com/blog/13-incredibly-fresh-new-canvas-demos/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/13-incredibly-fresh-new-canvas-demos/feed/</wfw:commentRss> <slash:comments>21</slash:comments> </item> <item><title>13 Incredible New JavaScript Projects From Google Labs</title><link>http://addyosmani.com/blog/13-incredible-new-javascript-projects-from-google-labs/</link> <comments>http://addyosmani.com/blog/13-incredible-new-javascript-projects-from-google-labs/#comments</comments> <pubDate>Wed, 16 Sep 2009 03:58:47 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Web Development]]></category> <category><![CDATA[app engine]]></category> <category><![CDATA[canvas]]></category> <category><![CDATA[canvas demos]]></category> <category><![CDATA[chrome]]></category> <category><![CDATA[google app engine]]></category> <category><![CDATA[google chrome]]></category> <category><![CDATA[graphics demos]]></category> <category><![CDATA[html5]]></category> <category><![CDATA[html5 demos]]></category> <category><![CDATA[image effects]]></category> <category><![CDATA[javascript]]></category> <category><![CDATA[labs]]></category> <category><![CDATA[processing.js]]></category> <category><![CDATA[V8]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/13-incredible-new-javascript-projects-from-google-labs/</guid> <description><![CDATA[&#160; This post will introduce you to an excellent new resource for advanced JavaScript demonstrations &#8211; Google Chrome Experiments. Most of the demonstrations you’ll find in this post should render with no problems in&#160; Chrome, Firefox and Safari 3.&#160; Before &#8230; <a
href="http://addyosmani.com/blog/13-incredible-new-javascript-projects-from-google-labs/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/13-incredible-new-javascript-projects-from-google-labs/feed/</wfw:commentRss> <slash:comments>9</slash:comments> </item> <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 &#8230; <a
href="http://addyosmani.com/blog/why-html5-is-a-game-changer-and-what-it-means-for-you/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/why-html5-is-a-game-changer-and-what-it-means-for-you/feed/</wfw:commentRss> <slash:comments>14</slash:comments> </item> </channel> </rss>
