<?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>IxD Consultant &#187; 2008</title>
	<atom:link href="http://ixd-consultant.com/blog/category/2008/feed/" rel="self" type="application/rss+xml" />
	<link>http://ixd-consultant.com/blog</link>
	<description>UX, AS, Thoughts</description>
	<lastBuildDate>Mon, 12 Jul 2010 21:00:38 +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>Adobe AIR 1.1 for Linux</title>
		<link>http://ixd-consultant.com/blog/2008/09/24/adobe-air-11-for-linux/</link>
		<comments>http://ixd-consultant.com/blog/2008/09/24/adobe-air-11-for-linux/#comments</comments>
		<pubDate>Wed, 24 Sep 2008 05:16:55 +0000</pubDate>
		<dc:creator>xVisage</dc:creator>
				<category><![CDATA[2008]]></category>
		<category><![CDATA[September]]></category>
		<category><![CDATA[AIR]]></category>
		<category><![CDATA[Linux]]></category>

		<guid isPermaLink="false">http://interactive-developer.com/blog/?p=105</guid>
		<description><![CDATA[Yesterday I was trying to install the new beta version of Adobe AIR 1.1 for Linux .. At first the installation didn&#8217;t work for me, it says: An error occurred while installing Adobe AIR. Installation may not be allowed by your administrator. Please contact your administrator. After contacting Adobe Support they thankfully put me on [...]]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_light-green" style="float: right; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fixd-consultant.com%252Fblog%252F2008%252F09%252F24%252Fadobe-air-11-for-linux%252F%22%2C%20%22style%22%3A%20%22small%22%2C%20%22title%22%3A%20%22Adobe%20AIR%201.1%20for%20Linux%22%20%7D);"></div>
<p>Yesterday I was trying to install the new beta version of <a href="http://labs.adobe.com/technologies/air/" target="_blank"><span style="color: #0066ff;">Adobe AIR 1.1 for Linux</span></a> ..<br />
At first the installation didn&#8217;t work for me, it says:</p>
<ul> <em>An error occurred while installing Adobe AIR. Installation may not be allowed by your administrator. Please contact your administrator.</em></ul>
<p>After contacting Adobe Support they thankfully put me on the right track with the following steps:</p>
<ol>
<li>If you don&#8217;t have the Alpha version of AIR runtime, skip to step 4.</li>
<li>Uninstall the Alpha version of AIR runtime:
<ul>

<div class="wp_syntax"><div class="code"><pre class="unix" style="font-family:monospace;">$ sudo dpkg -r adobeair-enu
$ sudo rm -rf $HOME/.adobe/AIR /root/.adobe/AIR /opt/Adobe\ AIR /tmp/FlashTmp*</pre></div></div>

</ul>
</li>
<li>Uninstall all the AIR applications that were installed using the Alpha release using dpkg, or simply just use click the air package for each and choose Uninstall.</li>
<li>now you can install the Beta version of AIR runtime:
<ul>

<div class="wp_syntax"><div class="code"><pre class="unix" style="font-family:monospace;">$ chmod +x adobeair_linux_b1_091508.bin
$ ./adobeair_linux_b1_091508.bin</pre></div></div>

</ul>
</li>
</ol>
<p><strong>Note:</strong> if you get the following message:</p>
<ul><em>The application could not be installed because the AIR file is damaged. Try obtaining a new AIR file from the application author.</em></ul>
<p>That means you did not uninstall all the AIR applications that were installed using the Alpha release.
<div class="fblike_button" style="position:absolute; padding-top:3px;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fixd-consultant.com%2Fblog%2F2008%2F09%2F24%2Fadobe-air-11-for-linux%2F&amp;layout=standard&amp;show_faces=false&amp;width=&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:px; height:25px"></iframe></div>

]]></content:encoded>
			<wfw:commentRss>http://ixd-consultant.com/blog/2008/09/24/adobe-air-11-for-linux/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flash Media Encoding Server</title>
		<link>http://ixd-consultant.com/blog/2008/09/20/flash-media-encoding-server/</link>
		<comments>http://ixd-consultant.com/blog/2008/09/20/flash-media-encoding-server/#comments</comments>
		<pubDate>Sat, 20 Sep 2008 01:26:43 +0000</pubDate>
		<dc:creator>xVisage</dc:creator>
				<category><![CDATA[2008]]></category>
		<category><![CDATA[September]]></category>
		<category><![CDATA[Encode]]></category>
		<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false">http://interactive-developer.com/blog/?p=89</guid>
		<description><![CDATA[There&#8217;s so much to tell about how media files can be manipulated in web applications, especially when we talk about large amount of video files compared to quality displayed .. A web application will use certain file formats depending on which technology is used to render videos at front-end and/or back-end streaming server [if there's [...]]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_light-green" style="float: right; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fixd-consultant.com%252Fblog%252F2008%252F09%252F20%252Fflash-media-encoding-server%252F%22%2C%20%22style%22%3A%20%22small%22%2C%20%22title%22%3A%20%22Flash%20Media%20Encoding%20Server%22%20%7D);"></div>
<p>There&#8217;s so much to tell about how media files can be manipulated in web applications, especially when we talk about large amount of video files compared to quality displayed ..</p>
<p>A web application will use certain file formats depending on which technology is used to render videos at front-end and/or back-end streaming server [if there's any]</p>
<p>Since Flash Platform is the best environment for such processes, it was difficult to prepare videos before using them on the web, developers had to have videos encoded from their original formats to FLV in order to use with <a href="http://www.adobe.com/products/flashplayer/" target="_blank"><span style="color: #0066ff;">Flash Player</span></a> and <a href="http://www.adobe.com/products/flashmediaserver/" target="_blank"><span style="color: #0066ff;">Flash Media Server</span></a>, then Adobe added the support for H.264/AAC since the release of Flash Player 9.0.0.115, that was wonderful feature but still we face the same old problem with encoding videos ..</p>
<p>According to my experience, the best practice to make this encoding process easier is to use <a href="http://ffmpeg.mplayerhq.hu/" target="_blank"><span style="color: #0066ff;">FFMPEG</span></a> in conjunction with <a href="http://www.php.net/" target="_blank"><span style="color: #0066ff;">PHP</span></a> as a back-end server service, such procedure requires installing FFMPEG along with all its required libraries, after all a developer can use PHP to dynamically encode uploaded videos with FFMPEG and save the final FLV videos on server, plus other features like extracting image frames from videos ..<br />
<em><a href="http://www.php-architect.com/blog/2008/07/01/installing-ffmpeg-php-on-centos-5/" target="_blank"><span style="color: #0066ff;">this</span></a> article describes how to install FFMPEG on <a href="http://www.centos.org/" target="_blank"><span style="color: #0066ff;">Centos 5</span></a></em></p>
<p>Yet this operation doesn&#8217;t give a perfect result regarding to quality and performance, but ..<br />
It seems like there is a better solution is waiting to be unleashed ..</p>
<p>Adobe has announced the upcoming release of <a href="http://www.adobe.com/products/flashmediaencoding/" target="_blank"><span style="color: #0066ff;">Flash Media Encoding Server</span></a> on fall 2008 ..<br />
you should read the features, quite amazing ..<br />
Just think about the possibilities here ..
<div class="fblike_button" style="position:absolute; padding-top:3px;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fixd-consultant.com%2Fblog%2F2008%2F09%2F20%2Fflash-media-encoding-server%2F&amp;layout=standard&amp;show_faces=false&amp;width=&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:px; height:25px"></iframe></div>

]]></content:encoded>
			<wfw:commentRss>http://ixd-consultant.com/blog/2008/09/20/flash-media-encoding-server/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Calculate Date Range</title>
		<link>http://ixd-consultant.com/blog/2008/09/18/calculate-date-range/</link>
		<comments>http://ixd-consultant.com/blog/2008/09/18/calculate-date-range/#comments</comments>
		<pubDate>Wed, 17 Sep 2008 23:43:26 +0000</pubDate>
		<dc:creator>xVisage</dc:creator>
				<category><![CDATA[2008]]></category>
		<category><![CDATA[September]]></category>
		<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[AS3]]></category>
		<category><![CDATA[Date]]></category>

		<guid isPermaLink="false">http://interactive-developer.com/blog/?p=70</guid>
		<description><![CDATA[I was working on a weekly events module .. At some point I need to be able to get a list of week days by providing only on day, for example if I provide today date I expect the whole week contains today regardless to the current month or years .. The following example shows [...]]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_light-green" style="float: right; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fixd-consultant.com%252Fblog%252F2008%252F09%252F18%252Fcalculate-date-range%252F%22%2C%20%22style%22%3A%20%22small%22%2C%20%22title%22%3A%20%22Calculate%20Date%20Range%22%20%7D);"></div>
<p>I was working on a weekly events module ..<br />
At some point I need to be able to get a list of week days by providing only on day, for example if I provide today date I expect the whole week contains today regardless to the current month or years ..</p>
<p>The following example shows how we can do that, with some extra features ..</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="500" height="300" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="scale" value="noscale" /><param name="base" value="http://ixd-consultant.com/blog/wp-content/uploads/2008/09/dayrange/" /><param name="src" value="http://ixd-consultant.com/blog/wp-content/uploads/2008/09/dayrange/dayrange.swf" /><embed type="application/x-shockwave-flash" width="500" height="300" src="http://ixd-consultant.com/blog/wp-content/uploads/2008/09/dayrange/dayrange.swf" base="http://ixd-consultant.com/blog/wp-content/uploads/2008/09/dayrange/" scale="noscale"></embed></object><br />
<em>source code available via flash context menu</em>
<div class="fblike_button" style="position:absolute; padding-top:3px;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fixd-consultant.com%2Fblog%2F2008%2F09%2F18%2Fcalculate-date-range%2F&amp;layout=standard&amp;show_faces=false&amp;width=&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:px; height:25px"></iframe></div>

]]></content:encoded>
			<wfw:commentRss>http://ixd-consultant.com/blog/2008/09/18/calculate-date-range/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>RGB to Hexadecimal in ActionScript</title>
		<link>http://ixd-consultant.com/blog/2008/09/18/rgb-to-hexadecimal-in-actionscript/</link>
		<comments>http://ixd-consultant.com/blog/2008/09/18/rgb-to-hexadecimal-in-actionscript/#comments</comments>
		<pubDate>Wed, 17 Sep 2008 23:31:34 +0000</pubDate>
		<dc:creator>xVisage</dc:creator>
				<category><![CDATA[2008]]></category>
		<category><![CDATA[September]]></category>
		<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[AS3]]></category>
		<category><![CDATA[Hexadecimal]]></category>
		<category><![CDATA[RGB]]></category>

		<guid isPermaLink="false">http://interactive-developer.com/blog/?p=74</guid>
		<description><![CDATA[The following method simply converts a given RGB value to hexadecimal format.. i.e. 0 > #000000 public function getProperColor&#40;input:int&#41;:String &#123; var color:String = &#34;#&#34;; var checker:Number = 0; if &#40;input.toString&#40;16&#41;.length&#60;6&#41; &#123; while &#40;checker&#60;6-input.toString&#40;16&#41;.length&#41; &#123; color += &#34;0&#34;; checker++; &#125; &#125; color += input.toString&#40;16&#41;; return color; &#125;]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_light-green" style="float: right; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fixd-consultant.com%252Fblog%252F2008%252F09%252F18%252Frgb-to-hexadecimal-in-actionscript%252F%22%2C%20%22shorturl%22%3A%20%22http%3A%2F%2Fbit.ly%2FaQrz0q%22%2C%20%22style%22%3A%20%22small%22%2C%20%22title%22%3A%20%22RGB%20to%20Hexadecimal%20in%20ActionScript%22%20%7D);"></div>
<p>The following method simply converts a given RGB value to hexadecimal format..<br />
i.e. 0 > #000000</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #0033ff; font-weight: bold;">public</span> <span style="color: #339966; font-weight: bold;">function</span> getProperColor<span style="color: #000000;">&#40;</span>input<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">int</span><span style="color: #000000;">&#41;</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">String</span> <span style="color: #000000;">&#123;</span>
	<span style="color: #6699cc; font-weight: bold;">var</span> <span style="color: #004993;">color</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">String</span> = <span style="color: #990000;">&quot;#&quot;</span>;
	<span style="color: #6699cc; font-weight: bold;">var</span> checker<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Number</span> = <span style="color: #000000; font-weight:bold;">0</span>;
	<span style="color: #0033ff; font-weight: bold;">if</span> <span style="color: #000000;">&#40;</span>input.<span style="color: #004993;">toString</span><span style="color: #000000;">&#40;</span><span style="color: #000000; font-weight:bold;">16</span><span style="color: #000000;">&#41;</span>.length<span style="color: #000000; font-weight: bold;">&lt;</span><span style="color: #000000; font-weight:bold;">6</span><span style="color: #000000;">&#41;</span> <span style="color: #000000;">&#123;</span>
		<span style="color: #0033ff; font-weight: bold;">while</span> <span style="color: #000000;">&#40;</span>checker<span style="color: #000000; font-weight: bold;">&lt;</span><span style="color: #000000; font-weight:bold;">6</span><span style="color: #000000; font-weight: bold;">-</span>input.<span style="color: #004993;">toString</span><span style="color: #000000;">&#40;</span><span style="color: #000000; font-weight:bold;">16</span><span style="color: #000000;">&#41;</span>.<span style="color: #004993;">length</span><span style="color: #000000;">&#41;</span> <span style="color: #000000;">&#123;</span>
			<span style="color: #004993;">color</span> <span style="color: #000000; font-weight: bold;">+</span>= <span style="color: #990000;">&quot;0&quot;</span>;
			checker<span style="color: #000000; font-weight: bold;">++</span>;
		<span style="color: #000000;">&#125;</span>
	<span style="color: #000000;">&#125;</span>
	<span style="color: #004993;">color</span> <span style="color: #000000; font-weight: bold;">+</span>= input.<span style="color: #004993;">toString</span><span style="color: #000000;">&#40;</span><span style="color: #000000; font-weight:bold;">16</span><span style="color: #000000;">&#41;</span>;
	<span style="color: #0033ff; font-weight: bold;">return</span> <span style="color: #004993;">color</span>;
<span style="color: #000000;">&#125;</span></pre></div></div>

<div class="fblike_button" style="position:absolute; padding-top:3px;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fixd-consultant.com%2Fblog%2F2008%2F09%2F18%2Frgb-to-hexadecimal-in-actionscript%2F&amp;layout=standard&amp;show_faces=false&amp;width=&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:px; height:25px"></iframe></div>

]]></content:encoded>
			<wfw:commentRss>http://ixd-consultant.com/blog/2008/09/18/rgb-to-hexadecimal-in-actionscript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ComboBox List ToolTip</title>
		<link>http://ixd-consultant.com/blog/2008/09/17/combobox-list-tooltip/</link>
		<comments>http://ixd-consultant.com/blog/2008/09/17/combobox-list-tooltip/#comments</comments>
		<pubDate>Tue, 16 Sep 2008 22:01:56 +0000</pubDate>
		<dc:creator>xVisage</dc:creator>
				<category><![CDATA[2008]]></category>
		<category><![CDATA[September]]></category>
		<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[ComboBox]]></category>
		<category><![CDATA[DropDown]]></category>
		<category><![CDATA[List]]></category>
		<category><![CDATA[ToolTip]]></category>

		<guid isPermaLink="false">http://interactive-developer.com/blog/?p=60</guid>
		<description><![CDATA[ComboBox is a very common component used in many projects, what if we can extend its features? The following example creates a custom tooltip for each item in the DropDown List, data provider for these tips can be set in the ComboBox dataProvider as follows: &#91;Bindable&#93; private var comboProvider:Array = &#91; &#123;label:&#34;item 1&#34;, data:&#123;tip:&#34;bla bla [...]]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_light-green" style="float: right; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fixd-consultant.com%252Fblog%252F2008%252F09%252F17%252Fcombobox-list-tooltip%252F%22%2C%20%22style%22%3A%20%22small%22%2C%20%22title%22%3A%20%22ComboBox%20List%20ToolTip%22%20%7D);"></div>
<p>ComboBox is a very common component used in many projects, what if we can extend its features?<br />
The following example creates a custom tooltip for each item in the DropDown List, data provider for these tips can be set in the ComboBox dataProvider as follows:</p>

<div class="wp_syntax"><div class="code"><pre class="actionscript3" style="font-family:monospace;"><span style="color: #000000;">&#91;</span>Bindable<span style="color: #000000;">&#93;</span> <span style="color: #0033ff; font-weight: bold;">private</span> <span style="color: #6699cc; font-weight: bold;">var</span> comboProvider<span style="color: #000000; font-weight: bold;">:</span><span style="color: #004993;">Array</span> = <span style="color: #000000;">&#91;</span>
		<span style="color: #000000;">&#123;</span>label<span style="color: #000000; font-weight: bold;">:</span><span style="color: #990000;">&quot;item 1&quot;</span>, <span style="color: #004993;">data</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #000000;">&#123;</span>tip<span style="color: #000000; font-weight: bold;">:</span><span style="color: #990000;">&quot;bla bla bla ..&quot;</span><span style="color: #000000;">&#125;</span><span style="color: #000000;">&#125;</span>,
		<span style="color: #000000;">&#123;</span>label<span style="color: #000000; font-weight: bold;">:</span><span style="color: #990000;">&quot;item 2&quot;</span>, <span style="color: #004993;">data</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #000000;">&#123;</span>tip<span style="color: #000000; font-weight: bold;">:</span><span style="color: #990000;">&quot;bla bla ..&quot;</span><span style="color: #000000;">&#125;</span><span style="color: #000000;">&#125;</span>,
		<span style="color: #000000;">&#123;</span>label<span style="color: #000000; font-weight: bold;">:</span><span style="color: #990000;">&quot;item 3&quot;</span>, <span style="color: #004993;">data</span><span style="color: #000000; font-weight: bold;">:</span><span style="color: #000000;">&#123;</span>tip<span style="color: #000000; font-weight: bold;">:</span><span style="color: #990000;">&quot;bla bla bla bla ..&quot;</span><span style="color: #000000;">&#125;</span><span style="color: #000000;">&#125;</span>
		<span style="color: #000000;">&#93;</span>;</pre></div></div>

<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="500" height="200" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="scale" value="noscale" /><param name="base" value="http://ixd-consultant.com/blog/wp-content/uploads/2008/09/combotip/" /><param name="src" value="http://ixd-consultant.com/blog/wp-content/uploads/2008/09/combotip/combotip.swf" /><embed type="application/x-shockwave-flash" width="500" height="200" src="http://ixd-consultant.com/blog/wp-content/uploads/2008/09/combotip/combotip.swf" base="http://ixd-consultant.com/blog/wp-content/uploads/2008/09/combotip/" scale="noscale"></embed></object><br />
<em>source code available via flash context menu</em></p>
<p>Next step is to implement custom controls to make this ToolTip interactive by adding some like &#8220;rename&#8221; and &#8220;delete&#8221;<br />
I&#8217;ll get back to you soon with another example
<div class="fblike_button" style="position:absolute; padding-top:3px;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fixd-consultant.com%2Fblog%2F2008%2F09%2F17%2Fcombobox-list-tooltip%2F&amp;layout=standard&amp;show_faces=false&amp;width=&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:px; height:25px"></iframe></div>

]]></content:encoded>
			<wfw:commentRss>http://ixd-consultant.com/blog/2008/09/17/combobox-list-tooltip/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Scale9Grid with Masking</title>
		<link>http://ixd-consultant.com/blog/2008/09/16/scale9grid-with-masking/</link>
		<comments>http://ixd-consultant.com/blog/2008/09/16/scale9grid-with-masking/#comments</comments>
		<pubDate>Tue, 16 Sep 2008 00:07:33 +0000</pubDate>
		<dc:creator>xVisage</dc:creator>
				<category><![CDATA[2008]]></category>
		<category><![CDATA[September]]></category>
		<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[AS2]]></category>
		<category><![CDATA[Scale9Grid]]></category>

		<guid isPermaLink="false">http://interactive-developer.com/blog/?p=49</guid>
		<description><![CDATA[ActionScript DisplayObject has a property called scale9grid used to scale objects according to nine regions based rectangle, detailed information could be found here One day I was trying to use it for scaling effect applied to a MovieClip with curved corners and dynamic loaded image within, the problem was that the mask didn&#8217;t scale properly [...]]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_light-green" style="float: right; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fixd-consultant.com%252Fblog%252F2008%252F09%252F16%252Fscale9grid-with-masking%252F%22%2C%20%22style%22%3A%20%22small%22%2C%20%22title%22%3A%20%22Scale9Grid%20with%20Masking%22%20%7D);"></div>
<p>ActionScript DisplayObject has a property called scale9grid used to scale objects according to nine regions based rectangle, detailed information could be found <a href="http://livedocs.adobe.com/flash/9.0/ActionScriptLangRefV3/flash/display/DisplayObject.html#scale9Grid" target="_blank"><span style="color: #0066ff;">here</span></a></p>
<p>One day I was trying to use it for scaling effect applied to a MovieClip with curved corners and dynamic loaded image within, the problem was that the mask didn&#8217;t scale properly using scale9grid ..<br />
I didn&#8217;t find an answer to why not, <a href="http://www.kirupa.com/forum/showthread.php?t=239290&amp;highlight=scale9grid" target="_blank"><span style="color: #0066ff;">this</span></a> post on Kirupa still has no reply, and I was using ActionScript 2.0</p>
<p>Well, I used a work-around way to bypass this issue, it&#8217;s simple, just leaving the mask with sharp corners with no scale9grid applied, and draw extra border that has the same background color to hide the image corners visually!<br />
this won&#8217;t work nice unless we have only solid background color</p>
<div id="attachment_51" class="wp-caption aligncenter" style="width: 310px"><a href="http://ixd-consultant.com/blog/wp-content/uploads/2008/09/s9g_01.jpg"><img class="size-full wp-image-51" title="hiding image corners" src="http://ixd-consultant.com/blog/wp-content/uploads/2008/09/s9g_01.jpg" alt="hiding image corners" width="300" height="150" /></a><p class="wp-caption-text">hiding image corners</p></div>
<p>I was hoping that adobe fixes this issue in AcrionScript 3.0, but unfortunately they didn&#8217;t ..</p>
<p>Few days ago I found <a href="http://blog.ickydime.com/2008/06/scale9grid-class-for-masking-in-as3.html" target="_blank"><span style="color: #0066ff;">this</span></a> post at Mark Grossnickle&#8217;s blog, his custom Scale9Mask works fine with masked objects, but it has to be applied individually, and there&#8217;s a scaling factor issue, <a href="http://ixd-consultant.com/blog/wp-content/uploads/2008/09/s9g/" target="_blank"><span style="color: #0066ff;">here</span></a> is a demonstration example with source code <em>available via flash context menu</em></p>
<p>Many thanks to Mark Grossnickle ..
<div class="fblike_button" style="position:absolute; padding-top:3px;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fixd-consultant.com%2Fblog%2F2008%2F09%2F16%2Fscale9grid-with-masking%2F&amp;layout=standard&amp;show_faces=false&amp;width=&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:px; height:25px"></iframe></div>

]]></content:encoded>
			<wfw:commentRss>http://ixd-consultant.com/blog/2008/09/16/scale9grid-with-masking/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Lost and Found</title>
		<link>http://ixd-consultant.com/blog/2008/09/13/lost-and-found/</link>
		<comments>http://ixd-consultant.com/blog/2008/09/13/lost-and-found/#comments</comments>
		<pubDate>Sat, 13 Sep 2008 19:27:51 +0000</pubDate>
		<dc:creator>xVisage</dc:creator>
				<category><![CDATA[2008]]></category>
		<category><![CDATA[September]]></category>
		<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[Interactive]]></category>

		<guid isPermaLink="false">http://interactive-developer.com/blog/?p=16</guid>
		<description><![CDATA[First time I heard that term &#8216;Interactive Development&#8217; it felt like I found my lost space .. I did not even try to find a definition or a meaning, it&#8217;s simply describing tons of ideas I had in mind .. When I remember the day I learned about ActionScript and the reason that made me [...]]]></description>
			<content:encoded><![CDATA[
<div class="topsy_widget_data topsy_theme_light-green" style="float: right; background: url(data:,%7B%20%22url%22%3A%20%22http%253A%252F%252Fixd-consultant.com%252Fblog%252F2008%252F09%252F13%252Flost-and-found%252F%22%2C%20%22style%22%3A%20%22small%22%2C%20%22title%22%3A%20%22Lost%20and%20Found%22%20%7D);"></div>
<p>First time I heard that term &#8216;Interactive Development&#8217; it felt like I found my lost space ..<br />
I did not even try to find a definition or a meaning, it&#8217;s simply describing tons of ideas I had in mind ..<br />
When I remember the day I learned about ActionScript and the reason that made me very curious about it&#8217;s capabilities regarding to the user experience, and looking to the present day worldwide internet race, I can say that being an Interactive Developer is the most important criteria which leads to a new digital world.</p>
<p>The road in out there, where <a href="http://adobe.com" target="_blank"><span style="color: #0066ff;">Adobe</span></a> as an Architect and <a href="http://f-i.com" target="_blank"><span style="color: #0066ff;">Fi</span></a> as an Implementer, they&#8217;re the keys to the future of web, If you want to be a part of this evolution don&#8217;t waste another second ..<br />
Start right now and join the commnity ..
<div class="fblike_button" style="position:absolute; padding-top:3px;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fixd-consultant.com%2Fblog%2F2008%2F09%2F13%2Flost-and-found%2F&amp;layout=standard&amp;show_faces=false&amp;width=&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:px; height:25px"></iframe></div>

]]></content:encoded>
			<wfw:commentRss>http://ixd-consultant.com/blog/2008/09/13/lost-and-found/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
