<?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>Form As Function &#187; HTML5</title>
	<atom:link href="http://blog.formasfunction.com/tag/html5/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.formasfunction.com</link>
	<description>Form As Function is home to Greg Leppert, a curious thinker and tinkerer in Austin TX.</description>
	<lastBuildDate>Thu, 22 Jul 2010 17:02:23 +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>Browser based audio experiments using a custom build of Firefox</title>
		<link>http://blog.formasfunction.com/2010/05/browser-based-audio-experiments-using-a-custom-build-of-firefox/</link>
		<comments>http://blog.formasfunction.com/2010/05/browser-based-audio-experiments-using-a-custom-build-of-firefox/#comments</comments>
		<pubDate>Thu, 27 May 2010 16:32:23 +0000</pubDate>
		<dc:creator>greg</dc:creator>
				<category><![CDATA[Ephemera]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[audio]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[Processing.js]]></category>
		<category><![CDATA[PureData]]></category>

		<guid isPermaLink="false">http://blog.formasfunction.com/?p=652</guid>
		<description><![CDATA[The thought of a JS implementation of PureData is exciting; the other examples are equally worth a look. The W3C has started the Audio Incubator Working Group as a means to begin standardization.]]></description>
			<content:encoded><![CDATA[<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="600" height="713" 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://vimeo.com/moogaloop.swf?clip_id=12050606&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="600" height="713" src="http://vimeo.com/moogaloop.swf?clip_id=12050606&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>The thought of a JS implementation of <a href="http://puredata.info/">PureData</a> is exciting; the other examples are equally worth a look. The W3C has started the <a href="http://www.w3.org/2005/Incubator/audio/">Audio Incubator Working Group</a> as a means to begin standardization.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.formasfunction.com/2010/05/browser-based-audio-experiments-using-a-custom-build-of-firefox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Video JS &#8211; an open source HTML5 video player, skinned with nothing but CSS</title>
		<link>http://blog.formasfunction.com/2010/05/video-js-an-open-source-html5-video-player-skinned-with-nothing-but-css/</link>
		<comments>http://blog.formasfunction.com/2010/05/video-js-an-open-source-html5-video-player-skinned-with-nothing-but-css/#comments</comments>
		<pubDate>Sat, 22 May 2010 15:52:38 +0000</pubDate>
		<dc:creator>greg</dc:creator>
				<category><![CDATA[Ephemera]]></category>
		<category><![CDATA[The Internet]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[open source]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://blog.formasfunction.com/?p=635</guid>
		<description><![CDATA[Supports H.264, Theora and WebM with a fallback to the Flash based Flowplayer. If only it buffered well.]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-636" title="videojs" src="http://blog.formasfunction.com/wp-content/uploads/2010/05/videojs.jpg" alt="" width="640" height="265" /></p>
<p>Supports H.264, Theora and WebM with a fallback to the Flash based Flowplayer. If only it buffered well.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.formasfunction.com/2010/05/video-js-an-open-source-html5-video-player-skinned-with-nothing-but-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JSNES &#8211; a Nintendo NES emulator written in javascript, rendered with HTML canvas</title>
		<link>http://blog.formasfunction.com/2010/05/jsnes-a-nintendo-nes-emulator-written-in-javascript-rendered-with-html-canvas/</link>
		<comments>http://blog.formasfunction.com/2010/05/jsnes-a-nintendo-nes-emulator-written-in-javascript-rendered-with-html-canvas/#comments</comments>
		<pubDate>Tue, 18 May 2010 15:34:18 +0000</pubDate>
		<dc:creator>greg</dc:creator>
				<category><![CDATA[Ephemera]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[canvas]]></category>
		<category><![CDATA[games]]></category>
		<category><![CDATA[gaming]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[JS]]></category>
		<category><![CDATA[vintage]]></category>

		<guid isPermaLink="false">http://blog.formasfunction.com/?p=575</guid>
		<description><![CDATA[As Github points out, it&#8217;s worth taking a look at the CPU emulation component.]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-579" title="contra" src="http://blog.formasfunction.com/wp-content/uploads/2010/05/contra.gif" alt="" width="240" height="224" /><img class="alignnone size-full wp-image-578" title="mario" src="http://blog.formasfunction.com/wp-content/uploads/2010/05/mario.gif" alt="" width="240" height="224" /><img class="alignnone size-full wp-image-577" title="zelda" src="http://blog.formasfunction.com/wp-content/uploads/2010/05/zelda.gif" alt="" width="240" height="224" /><img class="alignnone size-full wp-image-576" title="drmario" src="http://blog.formasfunction.com/wp-content/uploads/2010/05/drmario.gif" alt="" width="240" height="224" /></p>
<p>As Github points out, it&#8217;s worth taking a look at the <a href="http://github.com/bfirsh/jsnes/blob/master/js/cpu.js">CPU emulation component</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.formasfunction.com/2010/05/jsnes-a-nintendo-nes-emulator-written-in-javascript-rendered-with-html-canvas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A great analysis of the current Apple / Adobe situation from The Macalope</title>
		<link>http://blog.formasfunction.com/2010/05/a-great-analysis-of-the-current-apple-adobe-situation-from-the-macalope/</link>
		<comments>http://blog.formasfunction.com/2010/05/a-great-analysis-of-the-current-apple-adobe-situation-from-the-macalope/#comments</comments>
		<pubDate>Mon, 17 May 2010 21:45:27 +0000</pubDate>
		<dc:creator>greg</dc:creator>
				<category><![CDATA[Ephemera]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[app store]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://blog.formasfunction.com/?p=572</guid>
		<description><![CDATA[My favorite quote: The Internet is an open range where anyone can compete in any way they like. But Adobe didn’t make the Internet. In fact, they tried to wall off a section of it. Apple, on the other hand, made its own walled garden with a scenic view of the Internet.]]></description>
			<content:encoded><![CDATA[<p>My favorite quote:</p>
<blockquote><p>The Internet is an open range where anyone can compete in any way they like. But Adobe didn’t make the Internet. In fact, they tried to wall off a section of it. Apple, on the other hand, made its own walled garden with a scenic view of the Internet.</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://blog.formasfunction.com/2010/05/a-great-analysis-of-the-current-apple-adobe-situation-from-the-macalope/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5 Forms</title>
		<link>http://blog.formasfunction.com/2010/01/html5-forms/</link>
		<comments>http://blog.formasfunction.com/2010/01/html5-forms/#comments</comments>
		<pubDate>Mon, 04 Jan 2010 11:55:01 +0000</pubDate>
		<dc:creator>greg</dc:creator>
				<category><![CDATA[Ephemera]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[forms]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://blog.formasfunction.com/ephemera/?p=321</guid>
		<description><![CDATA[If you&#8217;ve been waiting to incorporate HTML5 elements into your code, perhaps forms are a good place to start today.]]></description>
			<content:encoded><![CDATA[<p>If you&#8217;ve been waiting to incorporate HTML5 elements into your code, perhaps <a href="http://diveintohtml5.org/forms.html">forms are a good place to start</a> today.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.formasfunction.com/2010/01/html5-forms/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Look at my face. No no, MY @FACE!</title>
		<link>http://blog.formasfunction.com/2009/09/look-at-my-face-no-no-my-face/</link>
		<comments>http://blog.formasfunction.com/2009/09/look-at-my-face-no-no-my-face/#comments</comments>
		<pubDate>Sat, 19 Sep 2009 20:15:11 +0000</pubDate>
		<dc:creator>greg</dc:creator>
				<category><![CDATA[Long Form]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[The Internet]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://blog.formasfunction.com/?p=104</guid>
		<description><![CDATA[Change is afoot on the web, with HTML 5 around the corner and everyone freaking out about how it and the standards it leverages and creates will solidify. The whole thing reminds me of the first time I mixed up hydraulic cement. &#8220;Oh my gosh this is totally&#8230; I NEED MORE WATER! Quick! It&#8217;s going [...]]]></description>
			<content:encoded><![CDATA[<p>Change is afoot on the web, with <a href="http://dev.w3.org/html5/spec/Overview.html">HTML 5</a> around the corner and <a title="The sky is falling and it's kind of blocky and pixellated." href="http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2009-June/020620.html">everyone freaking out</a> about how it and the <a title="Ogg Theora for every man and woman!" href="http://www.theora.org/">standards</a> it <a title="Apple likes H.264" href="http://www.apple.com/quicktime/technologies/h264/">leverages</a> and creates will solidify. The whole thing reminds me of the first time I mixed up <a title="This stuff sets up quick." href="http://www.popularmechanics.com/home_journal/home_improvement/1275811.html">hydraulic cement</a>. &#8220;Oh my gosh this is totally&#8230; I NEED MORE WATER! Quick! It&#8217;s going to&#8230; I&#8230; can&#8217;t&#8230; AH just put it in there!&#8221; Luckily the web <em>isn&#8217;t</em> the cement I used to plug up the hole in a brick wall that flooded my bedroom every time it rained &#8211; it&#8217;s a slow moving beast that&#8217;s guided not by kings of rule and flippant decisions (at least hopefully those are behind us) but rather committees and volunteers and a whole bunch of other thankless positions. And corporations. Okay, but lets gloss over those for the moment and assume we&#8217;re all mutually invested in this whole &#8220;progress&#8221; thing working out.</p>
<p>So this weekend I took another look at @font-face embedding after having let it sit for a year or so. When it was first announced we all, all of us designers, looked up from our Helvetica and Arial stupor like a stoned kid who&#8217;s just been told there&#8217;s free pizza down in the dorm lobby. &#8220;Huh? Wait, were you talking to me? There&#8217;s&#8230; woah free pizza? Alright!&#8221; and suddenly the haze lifted and we were in motion, that is until we read the fine print of &#8220;limited support across browsers&#8221; and realized we had to sign up for a credit card or calling card or some other sort of promo to get that pizza. Bummer. But here we all, almost all grow&#8217;d up and it&#8217;s starting to look halfway practical to use a custom font on the web via CSS, given due concern for embedding and licensing restrictions. What follows are a few resources regarding that concern and hopefully, by using @font-face in our own pages, we&#8217;ll slowly influence that beast of the web.</p>
<ul>
<li><span style="background-color: #ffffff"><a title="I wouldn't trust your life with it but it's supposedly bulletproof" href="http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/" target="_blank">A &#8220;bulletproof&#8221; method for using @font-face for embedding.</a></span></li>
<li><span style="background-color: #ffffff"><a title="Possibly outdated" href="http://jontangerine.com/log/2008/10/font-face-in-ie-making-web-fonts-work" target="_blank">A consideration of embedding from 2008</a></span></li>
<li><span style="background-color: #ffffff"><a title="Zeldman, on point as always." href="http://www.zeldman.com/2009/08/17/web-fonts-and-standards/" target="_blank">A nice overview of the current situation from Jeffery Zeldman</a></span></li>
<li><span style="background-color: #ffffff"><a title="Fonts that can be used for @font-face embedding in web pages" href="http://webfonts.info/wiki/index.php?title=Fonts_available_for_%40font-face_embedding" target="_blank">Free fonts available for embedding</a></span></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.formasfunction.com/2009/09/look-at-my-face-no-no-my-face/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
