<?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>benwatts.ca &#187; air</title>
	<atom:link href="http://benwatts.ca/tag/air/feed/" rel="self" type="application/rss+xml" />
	<link>http://benwatts.ca</link>
	<description>Designer and Frontend Developer in Ottawa, Canada</description>
	<lastBuildDate>Fri, 22 Jul 2011 19:00:09 +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>App Idea? RUNR!</title>
		<link>http://benwatts.ca/2009/app-idea-runr/</link>
		<comments>http://benwatts.ca/2009/app-idea-runr/#comments</comments>
		<pubDate>Sun, 01 Feb 2009 16:27:26 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[air]]></category>
		<category><![CDATA[app]]></category>
		<category><![CDATA[mockup]]></category>
		<category><![CDATA[running]]></category>

		<guid isPermaLink="false">http://www.benwatts.ca/?p=272</guid>
		<description><![CDATA[Toying around with the idea of making an AIR app in Flash, since so far all my playing with AIR has involved HTML apps (and I&#8217;d really like to try PixelBender out). I spat this out, using my new favourite typeface: Neutraface. The idea is to track the distance and time of the runs you [...]]]></description>
			<content:encoded><![CDATA[<p>Toying around with the idea of making an AIR app in Flash, since so far all my playing with AIR has involved HTML apps (and I&#8217;d really like to try PixelBender out). I spat this out, using my new favourite typeface: Neutraface.</p>
<p><a title="RUNR - first run by benwatts, on Flickr" href="http://www.flickr.com/photos/benwatts/3244590024/"><img src="http://farm4.static.flickr.com/3267/3244590024_bd833bd212.jpg" alt="RUNR - first run" width="500" height="423" /></a></p>
<p>The idea is to track the distance and time of the runs you take so you can see progress or stagnation at a glance.</p>
<p><a title="RUNR - main screen by benwatts, on Flickr" href="http://www.flickr.com/photos/benwatts/3243760179/"><img src="http://farm4.static.flickr.com/3388/3243760179_c68b9983b1.jpg" alt="RUNR - main screen" width="500" height="423" /></a></p>
<p>Come  to think of it, it might be a good idea to add &#8220;types&#8221; of runs. Yeah! Treadmill/Hill/Flat/Fartlek/Track-Sprint/Cross-Country.</p>
<p>Hmm &#8230;</p>
<p>Also: <a href="http://flickr.com/photos/supakali/3153262645/">desktop background</a> is a lovely photo by <a href="http://flickr.com/photos/supakali/">this fellow</a>. </p>
]]></content:encoded>
			<wfw:commentRss>http://benwatts.ca/2009/app-idea-runr/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Resizable HTML AIR Applications</title>
		<link>http://benwatts.ca/2008/resizable-html-air-applications/</link>
		<comments>http://benwatts.ca/2008/resizable-html-air-applications/#comments</comments>
		<pubDate>Sun, 30 Nov 2008 22:40:03 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
				<category><![CDATA[AIR]]></category>
		<category><![CDATA[air]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[resize]]></category>

		<guid isPermaLink="false">http://www.benwatts.ca/?p=262</guid>
		<description><![CDATA[Far easier than I thought it was: $&#40;'#resize'&#41;.mousedown&#40; function&#40;&#41;&#123; &#160; &#160; window.nativeWindow.startResize&#40;'BOTTOM_RIGHT'&#41;; &#160; &#160; // or: BOTTOM, BOTTOM_LEFT, BOTTOM_RIGHT, LEFT, RIGHT, TOP, TOP_LEFT, TOP_RIGHT, NONE &#125;&#41;; You can retrieve the width of the application using the width property of nativeWindow (so: window.nativeWindow.width ). It might be a good idea to prevent your app from getting [...]]]></description>
			<content:encoded><![CDATA[<p>Far easier than I thought it was:</p>
<div class="codecolorer-container javascript default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#resize'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">mousedown</span><span style="color: #009900;">&#40;</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span> <br />
&nbsp; &nbsp; window.<span style="color: #660066;">nativeWindow</span>.<span style="color: #660066;">startResize</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'BOTTOM_RIGHT'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
&nbsp; &nbsp; <span style="color: #006600; font-style: italic;">// or: BOTTOM, BOTTOM_LEFT, BOTTOM_RIGHT, LEFT, RIGHT, TOP, TOP_LEFT, TOP_RIGHT, NONE</span><br />
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></div></div>
<p>You can retrieve the width of the application using the width property of nativeWindow (so:</p>
<div class="codecolorer-container text default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">window.nativeWindow.width</div></div>
<p>). It might be a good idea to prevent your app from getting too small and using scrollbars. </p>
<p>From a development standpoint, with this in mind I guess the idea would be to set the default width of the app in the application descriptor file and then use percentage-widths while styling to keep the app flexible. Ta-da!</p>
]]></content:encoded>
			<wfw:commentRss>http://benwatts.ca/2008/resizable-html-air-applications/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>AIR &amp; Webkit</title>
		<link>http://benwatts.ca/2008/air-webkit/</link>
		<comments>http://benwatts.ca/2008/air-webkit/#comments</comments>
		<pubDate>Sat, 20 Sep 2008 18:15:03 +0000</pubDate>
		<dc:creator>Ben</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[air]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[transparency]]></category>
		<category><![CDATA[webkit]]></category>

		<guid isPermaLink="false">http://www.benwatts.ca/2008/09/20/air-webkit/</guid>
		<description><![CDATA[I&#8217;ve fallen in love with how AIR uses Webkit as its HTML rendering engine. It means you get to use fun things like: div{ background-color: rgba(195,100,50,0.5); }]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve fallen in love with how AIR uses Webkit as its HTML rendering engine. It means you get to use fun things like:</p>
<pre lang="css">
div{
   background-color: rgba(195,100,50,0.5); }
</pre>
]]></content:encoded>
			<wfw:commentRss>http://benwatts.ca/2008/air-webkit/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

