<?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>Almer/Blank Labs</title>
	<atom:link href="http://labs.almerblank.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://labs.almerblank.com</link>
	<description>The Laboratories of the Minds at Almer/Blank</description>
	<lastBuildDate>Mon, 12 Mar 2012 21:49:31 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Transitioning.to</title>
		<link>http://labs.almerblank.com/2012/01/transitioning-to/</link>
		<comments>http://labs.almerblank.com/2012/01/transitioning-to/#comments</comments>
		<pubDate>Wed, 18 Jan 2012 18:52:33 +0000</pubDate>
		<dc:creator>rblank</dc:creator>
				<category><![CDATA[General Posts]]></category>
		<category><![CDATA[career]]></category>
		<category><![CDATA[Community]]></category>

		<guid isPermaLink="false">http://labs.almerblank.com/?p=9755</guid>
		<description><![CDATA[Almer/Blank is pleased to announce the launch of Transitioning.to, a new blog with posts from industry-leaders, documenting their experiences transitioning into new interactive technologies, for development of rich experiences, in and out of the browser.
We are especially pleased to launch with posts from Robert Reinhardt and Joseph Labrecque, as&#8230;]]></description>
			<content:encoded><![CDATA[<p><a href="http://transitioning.to" target="_blank"><img src="http://labs.almerblank.com/wp-content/uploads/2012/01/transitionTo-300x158.png" alt="transitioning.to - Supporting the Flash Community&#039;s Diversification into New Technologies" title="transitioning.to - Supporting the Flash Community&#039;s Diversification into New Technologies" width="300" height="158" align="right" hspace="4"/></a>Almer/Blank is pleased to announce the launch of <a href="http://transitioning.to" target="_blank">Transitioning.to</a>, a new blog with posts from industry-leaders, documenting their experiences transitioning into new interactive technologies, for development of rich experiences, in and out of the browser.</p>
<p>We are especially pleased to launch with posts from <a href="http://transitioning.to/2012/01/the-world-of-pain-that-is-html5-video/" title="The World of Pain that is HTML5 Video" target="_blank">Robert Reinhardt</a> and <a href="http://transitioning.to/2012/01/surveying-the-post-november-9th-landscape/" title="Surveying the Post November 9th Landscape" target="_blank">Joseph Labrecque</a>, as well as from our Senior Software Architect, <a href="http://transitioning.to/2012/01/android-development-first-impressions/" title="Android Development: First Impressions" target="_blank">Omar Gonzalez</a>, and <a href="http://transitioning.to/2012/01/a-time-for-reflecting-on-career-goals/" title="A Time for Reflecting on Career Goals" target="_blank">myself</a>. You can expect to see many more posts, from more authors, throughout the year.</p>
<p>The point is to help serve as a guide and reference for the community of Flash talent, and we hope you find this site to be a beneficial and valuable source of information in this new era of interactive production.</p>
<p>Share and enjoy!</p>
<p>-r</p>
]]></content:encoded>
			<wfw:commentRss>http://labs.almerblank.com/2012/01/transitioning-to/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Job Posting: Production Engineer (HTML/JS/CSS &amp; WordPress)</title>
		<link>http://labs.almerblank.com/2012/01/job-posting-production-engineer-htmljscss-wordpress/</link>
		<comments>http://labs.almerblank.com/2012/01/job-posting-production-engineer-htmljscss-wordpress/#comments</comments>
		<pubDate>Fri, 06 Jan 2012 19:34:58 +0000</pubDate>
		<dc:creator>rblank</dc:creator>
				<category><![CDATA[General Posts]]></category>
		<category><![CDATA[engineering]]></category>
		<category><![CDATA[Jobs]]></category>

		<guid isPermaLink="false">http://labs.almerblank.com/?p=9745</guid>
		<description><![CDATA[Almer/Blank is currently taking applications for the position of Production Engineer, for immediate contract opportunities building HTML/JS/CSS and WordPress projects (PHP is a big plus).
The Production Engineer is tasked with producing code and functioning deliverables, in the areas of HTML, JavaScript, CSS and WordPress implementation and customization, per the&#8230;]]></description>
			<content:encoded><![CDATA[<p>Almer/Blank is currently taking applications for the position of Production Engineer, for immediate contract opportunities building HTML/JS/CSS and WordPress projects (PHP is a big plus).</p>
<p>The Production Engineer is tasked with producing code and functioning deliverables, in the areas of HTML, JavaScript, CSS and WordPress implementation and customization, per the specifications and standards of the Software/Solutions Architect.</p>
<p>Please plan to submit samples of <strong>CLEAN</strong> and <strong>WELL-COMMENTED</strong> code. Experience with unit-testing is a plus, but not a requirement, for this position.</p>
<p>Almer/Blank is an agile production studio, thus all candidates must demonstrate responsibility and ownership over one&#039;s tasks, as well as professional communication standards.</p>
<p>Majority of work may be executed remotely, during normal business hours, though ideal candidates will be in Los Angeles and available for occasional meetings. </p>
<p>Candidates may <a title="Apply to Work at Almer/Blank" href="http://labs.almerblank.com/apply/">apply here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://labs.almerblank.com/2012/01/job-posting-production-engineer-htmljscss-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Job Posting: Production Designer</title>
		<link>http://labs.almerblank.com/2012/01/job-posting-production-designer/</link>
		<comments>http://labs.almerblank.com/2012/01/job-posting-production-designer/#comments</comments>
		<pubDate>Fri, 06 Jan 2012 19:04:32 +0000</pubDate>
		<dc:creator>rblank</dc:creator>
				<category><![CDATA[General Posts]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Jobs]]></category>

		<guid isPermaLink="false">http://labs.almerblank.com/?p=9739</guid>
		<description><![CDATA[Almer/Blank is currently taking applications for the position of Production Designer, for immediate contract opportunities.
The Production Designer is tasked with:

Creating visual assets, per look-and-feel defined by senior creative resources, and per indications of User Experience Designer
Processing visual assets, for engineering and production, per the specifications and standards&#8230;]]></description>
			<content:encoded><![CDATA[<p>Almer/Blank is currently taking applications for the position of Production Designer, for immediate contract opportunities.</p>
<p>The Production Designer is tasked with:</p>
<ul>
<li>Creating visual assets, per look-and-feel defined by senior creative resources, and per indications of User Experience Designer</li>
<li>Processing visual assets, for engineering and production, per the specifications and standards defined by the Software Architect</li>
</ul>
<p>Resources should be comfortable utilizing Adobe Photoshop and Adobe Illustrator (knowledge of other Adobe Creative Suite tools is a plus). Ideal candidates should also be comfortable with minimal HTML/JS/CSS production (but this is not a requirements).</p>
<p>Almer/Blank is an agile production studio, thus all candidates must demonstrate responsibility and ownership over one&#039;s tasks, as well as professional communication standards.</p>
<p>Majority of work may be executed remotely, during normal business hours, though preference will be given candidates in Los Angeles and available for occasional meetings. </p>
<p>Candidates may <a title="Apply to Work at Almer/Blank" href="http://labs.almerblank.com/apply/">apply here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://labs.almerblank.com/2012/01/job-posting-production-designer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Winning Strategies for Social Video</title>
		<link>http://labs.almerblank.com/2011/11/winning-strategies-for-social-video/</link>
		<comments>http://labs.almerblank.com/2011/11/winning-strategies-for-social-video/#comments</comments>
		<pubDate>Wed, 23 Nov 2011 18:04:06 +0000</pubDate>
		<dc:creator>Hasan Otuome</dc:creator>
				<category><![CDATA[General Posts]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[General]]></category>
		<category><![CDATA[social]]></category>
		<category><![CDATA[strategy]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[Video]]></category>

		<guid isPermaLink="false">http://technophi.com/?p=797</guid>
		<description><![CDATA[You want to take advantage of the social media revolution and you have a great a idea focused around online video. You want to experience some of the growth and success you&#8217;ve witnessed YouTube, Tout, Instagram and others achieve. What were the catalysts that made these companies and others like&#8230;]]></description>
			<content:encoded><![CDATA[<p>You want to take advantage of the social media revolution and you have a great a idea focused around online video. You want to experience some of the growth and success you&#8217;ve witnessed YouTube, Tout, Instagram and others achieve. What were the catalysts that made these companies and others like them take off? </p>
<p>While there are countless reasons as to their success, I believe each benefited from similar strategies that can also improve your odds of winning.</p>
<h3>Content is King</h3>
<p>It&#8217;s a basic business principle &#8211; if you don&#8217;t have what people want they will seek it elsewhere. So where could this content come from? Well, there are (2) basic types from my perspective: </p>
<ol>
<li>Specialized</li>
<li>Generalized</li>
</ol>
<p>If your content is specialized or concentrated around a particular subject, it has to be truly compelling to gain mindshare of potential viewers as the outlets available are astounding and growing daily. </p>
<p>If your content isn&#8217;t married to a particular subject then you need an abundance to create the foundation for &#8220;sticky&#8221; sessions that will have your viewers losing track of time as they peruse your library of content which you have carefully woven together using tags, keywords, etc.</p>
<p>Specialized content may be the easiest to acquire initially but requires a greater effort to maintain over time. Your content would have to generate enough buzz that people are constantly engaging in a dialogue either on your site or around the Internet. </p>
<p>Even if that were to happen, the window of opportunity is finite. Also, the time and financial costs can become exorbitant rather quickly which has the effect of constantly diminishing your rate of return making this path an unattractive one. </p>
<p>Generalized content is typically the complete opposite, being harder to acquire initially but requiring less effort to maintain over time. How you reduce the maintenance effort is by taking advantage of the social network which is more than willing to help you in your cause. And, due to the constant advances in modern technology, this social workforce is becoming increasingly capable of sustaining your efforts.</p>
<h3>Recruit Social Videographers</h3>
<p>If you build it, they will come. Everyday more and more people are discovering the massiveness of the social network. And, because of the social nature of this network, people are looking for ways to make their presence known, to participate, to have a voice, to socialize.</p>
<p>What you must provide them is a solid platform on which to do so. If you can make it easy for potential users to either generate content or upload existing content into your system, you are well on your way. But, you also need the capability to syndicate that content across the social network. </p>
<p>The more outlets you can tap the more appealing you become to your users who are appreciative for you making their lives easier. This good-will generally equates to positive word-of-mouth which can help propel your endeavor into the stratosphere.</p>
<p>With a limitless army of social videographers now working together with you, quantity of content should never be an issue again. All you would need to do is implement any kind of quality control mechanisms, if so desired, to keep submissions inline with your overall strategy, brand, etc. At the end of the day, you&#8217;ll have a mountainous library of content while rewarding your users with a media platform for social expression. </p>
<h3>Multiscreen/Multidevice</h3>
<p>Once you have content that people want to see, you need to enable them to view it in as many configurations as possible. The more accessible your content is, the greater its reach. The potential for your content to go &#8220;viral&#8221; is dramatically increased if it&#8217;s available across all the desktop browsers, as well as, available on iOS and Android phones and tablets.</p>
<p>Guarantee the most bang for your buck by investing the time and money necessary to extend your content library to these screens and devices. You get an additional bonus if you can also extend user content generation to these devices as well. You will be glad that you did and your users will love you for it.</p>
<h3>Adapt to Tech Changes</h3>
<p>Adaptability is extremely crucial to reaping the rewards of a social media strategy. You can improve your adaptability but having a firm understanding of not only how users have communicated in the past, are communicating now but how they might communicate in the future. </p>
<p>Future communications is not only subject to end user desires and needs but also to shifts in the underlying technology that enables these communications. Some things worthwhile to remain aware of:</p>
<p>1) New mediums, screens or devices available to deliver your content (eg, TVs, kiosks, etc)<br />
2) Costs associated with the storage and delivery of your content (eg, disk space, bandwidth, etc)<br />
3) Emergence of new video codecs or license changes in existing ones</p>
<p>The list goes on and on but the key is to start thinking about those things today so they don&#8217;t bite you tomorrow.</p>
<h3>Use Twitter and Facebook to Promote</h3>
<p>So, you&#8217;ve amassed an impressive library of content that&#8217;s steadily fueled by a sea of social videographers. You&#8217;ve made your content and content generation accessible across multiple screens and devices plus you&#8217;re ready for whatever the future holds. </p>
<p>Now all that&#8217;s left to do is to help your promoters promote. Not only must you integrate Twitter and Facebook for your users so they can spread the word, but you must also engage the social network through &#8211; you guessed it, Twitter and Facebook.</p>
<p>It&#8217;s simple. The more personable you are or are perceived, the greater your reach. Remember, this is a social network so when you &#8220;mingle&#8221; with people act like it. Don&#8217;t engage contacts like a cold, callous enterprise machine. If you do, you won&#8217;t be well received. </p>
<p>On the same note, you can&#8217;t be reckless either. Instead, let your corporate ethos serve you well by ensuring all communications are refined, responsive and informative yet relaxed. You want each contact to walk away with a positive experience because it&#8217;s that experience they will share with others thereby defining your social brand.</p>
<h4>THE END</h4>
<p>These are my thoughts and I&#8217;m sticking to them. What do you think? Post a comment or question. </p>
<p>At some point I&#8217;d like to discuss revenue generation as a follow-up to this article. </p>
<div style="float: right; padding: 3px;"><a href="http://bufferapp.com/add" class="buffer-add-button" data-text="Winning Strategies for Social Video" data-url="http://technophi.com/2011/11/23/winning-strategies-for-social-video/" data-via="bufferapp" data-count="none">Buffer</a><script type="text/javascript" src="http://static.bufferapp.com/js/button.js"></script></div><div id="tweetbutton797" class="tw_button" style="padding: 3px;float:right;margin-left:10px;"><a href="http://twitter.com/share?url=http://j.mp/v5Efo9&amp;via=heroizm&amp;text=Blog:%20Winning%20Strategies%20for%20Social%20Video&amp;related=heroizm&amp;lang=en&amp;count=none&amp;counturl=http://technophi.com/2011/11/23/winning-strategies-for-social-video/" class="twitter-share-button"  style="width:55px;height:22px;background:transparent url('http://technophi.com/wp-content/plugins/wp-tweet-button/tweetn.png') no-repeat  0 0;text-align:left;text-indent:-9999px;display:block;">Tweet</a></div>]]></content:encoded>
			<wfw:commentRss>http://labs.almerblank.com/2011/11/winning-strategies-for-social-video/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A Consistent Mission</title>
		<link>http://labs.almerblank.com/2011/11/a-consistent-mission/</link>
		<comments>http://labs.almerblank.com/2011/11/a-consistent-mission/#comments</comments>
		<pubDate>Mon, 14 Nov 2011 22:47:56 +0000</pubDate>
		<dc:creator>rblank</dc:creator>
				<category><![CDATA[General Posts]]></category>

		<guid isPermaLink="false">http://labs.almerblank.com/?p=9577</guid>
		<description><![CDATA[Over the past several years, Almer/Blank has created some outstanding experiences, for a wide variety of top-tier firms, using multiple technologies. In this time, we have become particularly associated with Adobe Flash Platform technologies. Indeed, I have been working with Flash since 1999, and I watched the technology evolve from&#8230;]]></description>
			<content:encoded><![CDATA[<p>Over the past several years, Almer/Blank has created some outstanding experiences, for a wide variety of top-tier firms, using multiple technologies. In this time, we have become particularly associated with Adobe Flash Platform technologies. Indeed, I have been working with Flash since 1999, and I watched the technology evolve from a primitive but useful animation tool, to an amazingly powerful platform underpinning awe-inspiring experiences featuring HD video, real 3D and amazing interactivity.</p>
<p>In the past 18 months, we made many representations to clients and prospective clients about the value proposition offered by Adobe’s Flash Platform technology, particularly with respect to mobile and pan-screen workflows, from design through production and distribution. We made these statements and representations, in good faith, based on publicly-stated, forward-looking representations from a publicly-traded firm &#8212; the fourth largest software publisher in the world.</p>
<p>However, given Adobe’s <a title="Flash to Focus on PC Browsing and Mobile Apps; Adobe to More Aggressively Contribute to HTML5" href="http://j.mp/uLKKQy" target="_blank">recent announcements</a>, <!--we were clearly wrong to have believed Adobe’s prior representations, and wrong about the benefits and wisdom of adopting Flash as a technological solution. We were always accurate in our statements about the technology, but clearly incorrect in our willingness to believe Adobe’s representations about future plans and support for Flash-based solutions. We can no longer support deployment technology from a company that has proven itself willing to discard public roadmaps with no advance notice or time for preparation. And in the future, we will apply a much healthier dose of skepticism when it comes to future plans of privately-held technologies.--> it&#039;s clear that a new era in the online frontier is rapidly unfolding before us. As we all embark on the next phase of this journey, we enter a turbulent period filled with both uncertainties and frustrations but also filled with new opportunities. We, at Almer/Blank, welcome this challenge as we are accustomed to being at the forefront of this kind of volatility.</p>
<p>Moving forward into 2012, we will expand our focus on native-language application development for devices and desktops, in Objective C for iOS, Java for Android and C for desktops &#8212; as well as specialized tools like Unity for more intensive gaming. Additionally, we will apply our extensive knowledge of Flash Platform technology to <a title="Adobe Flash Alternatives" href="http://labs.almerblank.com/emigrating-from-adobe-flash/">assisting clients in the process of migrating from Flash in their digital presence</a> should they so desire.</p>
<p>The support to Flash that Almer/Blank has long provided through the <a title="LA Flash" href="http://laflash.org" target="_blank">LA Flash community</a>, and <a title="The Rich Media Institute" href="http://richmediainstitute.com" target="_blank">the Rich Media Institute</a>, will now be <!--shifted to-->balanced with other community activities. First among these is a new website that Almer/Blank Labs will shortly launch, to facilitate the process of firms and Flash talent migrating to new technologies.</p>
<p>We are still experts in Flash Platform technologies, and we will continue to provide Flash consulting and development services &#8212; but moving forward, we will <!--only do so for clients who specifically request Flash, or who really do require features only supported by Flash Platform technology.--> no longer make that our primary focus.</p>
<p>As always, Almer/Blank is devoted to creating outstanding digital experiences, for any intended audience, on any required hardware &#8212; and we will continue to employ whatever technologies are most effective at achieving those goals. On that front, nothing has changed &#8212; and it never will.</p>
]]></content:encoded>
			<wfw:commentRss>http://labs.almerblank.com/2011/11/a-consistent-mission/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>The Window for Lazy People with ADHD</title>
		<link>http://labs.almerblank.com/2011/11/the-window-for-lazy-people-with-adhd-and-flash-video/</link>
		<comments>http://labs.almerblank.com/2011/11/the-window-for-lazy-people-with-adhd-and-flash-video/#comments</comments>
		<pubDate>Tue, 08 Nov 2011 19:25:21 +0000</pubDate>
		<dc:creator>rblank</dc:creator>
				<category><![CDATA[Code & Samples]]></category>
		<category><![CDATA[Events]]></category>
		<category><![CDATA[General Posts]]></category>
		<category><![CDATA[Synthia]]></category>
		<category><![CDATA[Actionscript]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[hack]]></category>
		<category><![CDATA[hackdays]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[pixelbender]]></category>
		<category><![CDATA[shaders]]></category>

		<guid isPermaLink="false">http://labs.almerblank.com/?p=9399</guid>
		<description><![CDATA[I wanted to post some details on what we built for Hollywood Hackday with Adobe and Flash video &#8212; because, I think that it can be difficult to understand what we did just from the screen-capture (there isn&#039;t a working version posted online yet).
The focus of the Hackday was&#8230;]]></description>
			<content:encoded><![CDATA[<p><a href="http://labs.almerblank.com/wp-content/uploads/2011/11/hollywoodHackDaySlides_20111106.003.png"><img title="The Window for Lazy People with ADHD" src="http://labs.almerblank.com/wp-content/uploads/2011/11/hollywoodHackDaySlides_20111106.003-288x300.png" alt="The Window for Lazy People with ADHD" width="288" height="300" align="right" hspace="4" /></a>I wanted to post some details on what we built for <a title="Hollywood Hackday" href="http://www.hollywoodhackday.com/" target="_blank">Hollywood Hackday</a> with Adobe and Flash video &#8212; because, I think that it can be difficult to understand what we did just from the screen-capture (there isn&#039;t a working version posted online yet).</p>
<p>The focus of the Hackday was &#034;Tech + Music + Video&#034;. Our team (which consisted of myself, Evan Squire, Hasan Otuome, and Michael Dela Cruz) didn&#039;t have any specific product vision &#8212; we just wanted to sit down and see what kind of creative experience we could build in a weekend.</p>
<p>After some discussion, I suggested an update to <a title="Mario Klingemann's Flickeur" href="http://incubator.quasimondo.com/flash/flickeur.php" target="_blank">Mario Klingemann&#039;s <em>Flickeur</em></a>, which assembles a dynamically-created multi-media experience by integrating with the Flickr API to deliver user-generated photos in a creative and expressive medium. Of course, Flickeur was written ages ago (Flash 8, I believe) and today we have a lot more power. So, the key differences between Flickeur and our app include:</p>
<ol>
<li>Instead of Flickr for pix, we would use Vimeo for flix.</li>
<li>Instead of tweens and color effects, we would use PixelBender to animate shaders on the video.</li>
<li>Instead of sound effects, we would use hit music (hit music makes everything look better) &#8212; we still use sound effects, but honestly I need to work on normalizing levels, because they are essentially inaudible in this version.</li>
<li>And we would add in some <a title="Synthia Hears Pictures -- Pass it On!" href="http://SynthiaHearsPictures.com" target="_blank">Synthia</a>-like logic to correlate data of one kind (weather) to data of another kind (music, video and special effects).</li>
</ol>
<p>I did about two hours of setup work on Friday night (just setting up the project folder, and running one quick proof-of-concept to ensure I could work with PixelBender and the video as I envisioned) so that we could hit the ground running on Saturday morning. We arrived on Saturday morning, and worked through until just before the final presentations began.</p>
<p>You can view a capture of the project <a title="Screen Capture of 'The Window for Lazy People with ADHD'" href="http://youtu.be/2UyPT7eWz-8" target="_blank">here, on YouTube</a>. This project is not posted online yet &#8212; primarily, because I need to integrate with a legit music source (like Spotify or Rdio) so I don&#039;t go to RIAA prison (this is the same reason that YouTube limits viewing of this video to the United States &#8212; sorry global community); and also because it hasn&#039;t been tested for online playback (when you&#039;re building at a hackday, you want to build quick).</p>
<p><iframe src="http://www.youtube.com/embed/2UyPT7eWz-8" frameborder="0" width="420" height="315"></iframe></p>
<p>So, what does this app actually do?</p>
<p>Well, first this app loads in the weather from a data feed, and then based on the details of the weather report it builds a playlist of MP3s and Vimeo videos, to reinforce the mood of the climate and environment. (We opted for Vimeo over YouTube support because, well, Vimeo videos tend to look a lot better.)</p>
<p>That&#039;s why, as a gag, we called it the &#039;Window for Lazy People with ADHD&#039; (or &#039;WLPA&#039;)&#8211; so you can tell what the weather is without getting off your ass, or opening a window, and for those easily-distracted, you can watch an infinite playlist of rapidly-changing user-generated videos and hit tunes.</p>
<p>We apply PixelBender filters, dynamically, as shaders to the video during playback, to give it that artistic/cinematic feel. And we use GPU acceleration to get great performance, in the browser and in full-screen.</p>
<p>So, in case this isn&#039;t clear, WLPA is applying these special effects in real-time, to video that is loaded dynamically from an external source. Indeed, here are some still frames from the source videos, so that you can get a better sense of just how much special-effect work Flash is doing under the hood (click images for larger view):</p>
<p><a href="http://labs.almerblank.com/wp-content/uploads/2011/11/joshuaTree_copy.jpg"><img class="alignnone size-thumbnail wp-image-9425" title="joshuaTree_copy" src="http://labs.almerblank.com/wp-content/uploads/2011/11/joshuaTree_copy-150x150.jpg" alt="" width="150" height="150" /></a><a href="http://labs.almerblank.com/wp-content/uploads/2011/11/loganPass_copy.jpg"><img class="alignnone size-thumbnail wp-image-9424" title="loganPass_copy" src="http://labs.almerblank.com/wp-content/uploads/2011/11/loganPass_copy-150x150.jpg" alt="" width="150" height="150" /></a><a href="http://labs.almerblank.com/wp-content/uploads/2011/11/mojave_copy.jpg"><img class="alignnone size-thumbnail wp-image-9423" title="mojave_copy" src="http://labs.almerblank.com/wp-content/uploads/2011/11/mojave_copy-150x150.jpg" alt="" width="150" height="150" /></a><br />
<a href="http://labs.almerblank.com/wp-content/uploads/2011/11/rome_copy.jpg"><img class="alignnone size-thumbnail wp-image-9422" title="rome_copy" src="http://labs.almerblank.com/wp-content/uploads/2011/11/rome_copy-150x150.jpg" alt="" width="150" height="150" /></a><a href="http://labs.almerblank.com/wp-content/uploads/2011/11/biking_copy.jpg"><img class="alignnone size-thumbnail wp-image-9420" title="biking_copy" src="http://labs.almerblank.com/wp-content/uploads/2011/11/biking_copy-150x150.jpg" alt="" width="150" height="150" /></a><a href="http://labs.almerblank.com/wp-content/uploads/2011/11/yellowHorizons_copy.jpg"><img class="alignnone size-thumbnail wp-image-9421" title="yellowHorizons_copy" src="http://labs.almerblank.com/wp-content/uploads/2011/11/yellowHorizons_copy-150x150.jpg" alt="" width="150" height="150" /></a></p>
<p>Despite that this might appear as pre-rendered video (in fact, this led to some fun confusion at the event itself, as some believed this was our demo reel, and not the app we produced over the weekend), it is not &#8212; this is just one example of what the special effects and rendering capabilities of Flash offer today. And, I think that it&#039;s worth noting, that this project only uses features that have been in Flash since Player 10 was released THREE YEARS AGO &#8212; we don&#039;t even touch any of the stage acceleration or 3d features in Player 11.</p>
<p>Ours was the only entry in the Hollywood Hackday built in Flash. And while many of the other entries were impressive in various respects (and the winner, Tunehook, really was the best idea for an app with a real potential market, and had a nicely-executed prototype), ours was really the only one that featured any real design sensibility, or created an engaging experience of any dimension, or did anything interesting at all with video content. </p>
<p>And that&#039;s because Flash enables massive and rapid creativity with all types of content, including video, in a way that HTML5 simply does not (and saying this should not be seen as trashing HTML &#8212; it&#039;s just a true characteristic of the tools that we use). And we enjoyed showing the type of experience that you can create in just two days, when you have high-grade media support, and aren&#039;t debugging issues from browser-consistency.</p>
<p>I did the bulk of the coding, as well as the PixelBender customization for shader animation. Evan Squire handled graphic design, and the overlay effects and animations. Hasan Otuome wrote the Vimeo API integration code. And Michael Dela Cruz handled audio asset production.</p>
<p>There is a good chance that, time-permitting, I will continue production on this piece so that we can post and distribute it online (again, with legitimate media).</p>
<p><a href="http://labs.almerblank.com/wp-content/uploads/2011/11/hollywoodHackDaySlides_20111106.0051.png"><img title="Tools Used by Team Adobe at Hollywood Hackday" src="http://labs.almerblank.com/wp-content/uploads/2011/11/hollywoodHackDaySlides_20111106.0051-300x83.png" alt="Tools Used by Team Adobe at Hollywood Hackday" width="300" height="83" align="right" hspace="4" /></a><br />
For reference, here&#039;s a slide from our presentation that shows which Adobe tools we used:</p>
<ol>
<li><a title="Adobe Flash Professional" href="http://www.adobe.com/products/flash.html" target="_blank">Adobe Flash Professional</a> for animation and asset linkages</li>
<li><a title="Adobe PixelBender Toolkit" href="http://www.adobe.com/devnet/pixelbender.html" target="_blank">Adobe Pixel Bender Toolkit</a> to load and preview shaders, so we could learn which settings to manipulate in the animations</li>
<li><a title="Adobe Photoshop" href="http://www.adobe.com/products/photoshop.html" target="_blank">Adobe Photoshop</a> for visual asset production</li>
<li><a title="Adobe Photoshop" href="http://www.adobe.com/products/aftereffects.html" target="_blank">Adobe After Effects</a> for some of the graphic motion animation in the overlays</li>
<li><a title="Adobe Media Encoder" href="http://www.adobe.com/devnet/flash/quickstart/video_encoder.html" target="_blank">Adobe Media Encoder</a> for media preparation</li>
<li><a title="Adobe Flash Player" href="http://www.adobe.com/products/flashplayer.html" target="_blank">Adobe Flash Player</a> to deliver the final experience</li>
</ol>
<p>It really is empowering when you remind yourself what you can create with Adobe&#039;s tools. And we had a great time doing it.</p>
<p>Share and enjoy!</p>
<p>-r</p>
]]></content:encoded>
			<wfw:commentRss>http://labs.almerblank.com/2011/11/the-window-for-lazy-people-with-adhd-and-flash-video/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>StageVideo, Part 3: Limitations</title>
		<link>http://labs.almerblank.com/2011/11/stagevideo-part-3-limitations/</link>
		<comments>http://labs.almerblank.com/2011/11/stagevideo-part-3-limitations/#comments</comments>
		<pubDate>Thu, 03 Nov 2011 18:30:02 +0000</pubDate>
		<dc:creator>rblank</dc:creator>
				<category><![CDATA[Code & Samples]]></category>
		<category><![CDATA[General Posts]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[hardware acceleration]]></category>
		<category><![CDATA[StageVideo]]></category>
		<category><![CDATA[Video]]></category>

		<guid isPermaLink="false">http://labs.almerblank.com/?p=9270</guid>
		<description><![CDATA[Before getting any further with this continuing discussion on Stage Video, I wanted to spend this post addressing some of the limitations that are present when working with Stage Video.
Most of these limitations follow directly from how Stage Video is rendered, by the graphics card, beneath the rest of&#8230;]]></description>
			<content:encoded><![CDATA[<p>Before getting any further with <a title="Posts on StageVideo at Almer/Blank Labs" href="http://labs.almerblank.com/tag/stagevideo/">this continuing discussion on Stage Video</a>, I wanted to spend this post addressing some of the limitations that are present when working with Stage Video.</p>
<p><a href="http://labs.almerblank.com/wp-content/uploads/2011/11/StageVideoRenderingDepth.023.png"><img title="Rendering Depth of StageVideo in Adobe Flash Player" src="http://labs.almerblank.com/wp-content/uploads/2011/11/StageVideoRenderingDepth.023-300x168.png" alt="Rendering Depth of StageVideo in Adobe Flash Player" width="300" height="168" align="right" hspace="4" /></a>Most of these limitations follow directly from how Stage Video is rendered, by the graphics card, beneath the rest of your Flash content, as I discussed <a title="How StageVideo works in the Adobe Flash Player" href="http://labs.almerblank.com/2011/10/stagevideo-part-2-how-it-works/">in a prior post</a>.</p>
<ol>
<li>Even when Stage Video is available, the number of concurrent instances is limited. You can have up to eight Stage Video instances concurrently playing video on the desktop, and one on mobile devices. And, of course, remember that StageVideo might not be supported at all in the viewing environment. (Yes, the AS3 API informs you of how many instances are supported. More on that in a later post.)</li>
<li>You can not freely rotate the video. Your video can only be rotated in 90-degree intervals: 0, 90, 180 and 270 degrees.</li>
<li>You can not apply 3D, color, scale9Grid or skewing transformations.</li>
<li>Stage Video instances may not have alpha channel effects, blend modes, filters, or masks.</li>
<li>Access the BitmapData of the video, cache the video as a bitmap.</li>
<li>Use Stage Video with video that is embedded in your Flash source (Stage Video only works with video delivered over the NetStream).</li>
</ol>
<p>And, this is not a limitation so much as a best-practice: Because you should set your WMODE to &#034;direct&#034; to maximize the cross-platform consistency of Stage Video (just like Stage 3D), this means that you should not use Stage Video with transparent SWFs.</p>
<p>Finally, I want to note that while Stage Video is available in most current versions of the Flash runtimes, it is not available in all. Stage Video is still not incorporated into AIR 3 for desktop (Mac or PC), and does not work on versions of Android prior to Honeycomb. On the BlackBerry Playbook, regular Video is treated like StageVideo.</p>
<p>Did I miss any of the limitations to note when working with StageVideo in Adobe Flash Player? If so, please let me know in comments.</p>
<p>Share and enjoy!</p>
<p>-r</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://labs.almerblank.com/2011/11/stagevideo-part-3-limitations/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Platform Support for Cross-Platform Technologies</title>
		<link>http://labs.almerblank.com/2011/11/platform-support-for-cross-platform-technologies/</link>
		<comments>http://labs.almerblank.com/2011/11/platform-support-for-cross-platform-technologies/#comments</comments>
		<pubDate>Wed, 02 Nov 2011 22:08:10 +0000</pubDate>
		<dc:creator>rblank</dc:creator>
				<category><![CDATA[General Posts]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[devices]]></category>
		<category><![CDATA[digital publishing suite]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[indesign]]></category>

		<guid isPermaLink="false">http://labs.almerblank.com/?p=9235</guid>
		<description><![CDATA[I recently gave a talk to an advertising agency here in Los Angeles about options to create cross-platform content, and I thought it might be useful to try to summarize some of those key points in a post.
Picking Screens

When discussing options for technologies utilized in production, obviously there&#039;s&#8230;]]></description>
			<content:encoded><![CDATA[<p>I recently gave a talk to an advertising agency here in Los Angeles about options to create cross-platform content, and I thought it might be useful to try to summarize some of those key points in a post.</p>
<h1>Picking Screens</h1>
<p><br/><br />
When discussing options for technologies utilized in production, obviously there&#039;s a lot of discussion around features &#8212; the powers enabled by the available options.</p>
<p>However, when building solutions with technology, obviously the goal is to support use cases &#8212; how people will really want and need to use this experience in real life. Supporting use cases is just as much about selecting platforms and environments as it is about examining power and features.</p>
<p>In other words, selecting which technologies to work with, and how you will work with them, is not just about technological capabilities &#8212; features and power &#8212; it&#039;s also about production workflow, publication and distribution options.</p>
<p>At Almer/Blank, we create experiences for every screen. But, of course, not every project needs to run on *every* screen. More often than not, you&#039;ll want to support many screens, but not all screens.</p>
<p>And, of course, you&#039;ll want to do so for as little money, and with as few codebases, as possible. Sometimes this entails rebuilding your apps or experiences in different languages for different platforms &#8212; but, increasingly, with the advances in interactive technologies, you can support all of your required platforms from a single codebase.</p>
<p>So it is very useful to have an understanding of which technologies actually work on which platforms.</p>
<p>To create the apps, games and other rich experiences that we do for our clients, we regularly work with three technologies that I believe are truly cross-platform: Adobe Flash, HTML5, and the Adobe Digital Publishing Suite.</p>
<p>And I thought it would be useful to review the platform support for each.</p>
<h1>Adobe Flash</h1>
<p><br/><br />
<a href="http://labs.almerblank.com/wp-content/uploads/2011/11/Flash-Platform-Support.png"><img title="Platform Support for Adobe Flash" src="http://labs.almerblank.com/wp-content/uploads/2011/11/Flash-Platform-Support-300x225.png" alt="Platform Support for Adobe Flash" width="300" height="225" align="right" hspace="4" /></a>Flash is the most widely viewable cross-platform technology. It works inside of the browser, and on the desktop (or as an &#039;app&#039; on mobile devices). It works on PC, Mac and Linux desktops. It works on iOS, Android and BlackBerry mobile platforms. It even now runs on certain types of Samsung and LG TVs.</p>
<p>In fact, the only place that Flash doesn&#039;t run, is inside of the iOS browser, on iPhones and iPads.</p>
<p>So, with a single codebase, you can create experiences targeting essentially any common, connected digital platform in the world.</p>
<h1>HTML5</h1>
<p><br/><br />
<a href="http://labs.almerblank.com/wp-content/uploads/2011/11/HTML5-Support-for-Web1.png"><img title="Web Browser Support for HTML5" src="http://labs.almerblank.com/wp-content/uploads/2011/11/HTML5-Support-for-Web1-300x225.png" alt="Web Browser Support for HTML5" width="300" height="225" align="right" hspace="4" /></a>HTML5 is the latest version of the HTML specification from the W3C, and it brings many enhancements (like audio, video and 3D) that open up a wide new array of experiences that you can create inside of the browser, without relying on plugins like Flash.</p>
<p>HTML5 runs in all mobile browsers on iOS, Android and BlackBerry. And, HTML5 is now implemented in the latest versions of all desktop browsers on Mac, PC and Linux: Firefox, Internet Explorer, Chrome, Opera and, of course, Safari.</p>
<p>Unfortunately, since many people use older browsers, <strong>about half of desktop computers still can not view HTML5 content</strong>.</p>
<p><a href="http://labs.almerblank.com/wp-content/uploads/2011/11/HTML5-Support-for-Web-Consistency.png"><img title="Consistency of Browser Support for HTML5" src="http://labs.almerblank.com/wp-content/uploads/2011/11/HTML5-Support-for-Web-Consistency-300x225.png" alt="Consistency of Browser Support for HTML5" width="300" height="225" align="right" hspace="4" /></a><br />
HTML5 for the browser, is just like prior versions of HTML in one core respect: cross-browser compatibility. Each browser creates their own HTML rendering engine, and the differences between how each browser (even the same browser on multiple operating systems) handles those differences can be negligible, or can prove to be a significant impact on your work.</p>
<p>With products like <a title="PhoneGap" href="http://phonegap.com" target="_blank">PhoneGap</a>, HTML5 can also be used to author mobile applications, targeting iOS, Android and BlackBerry. And with products like <a title="Appcelerator Titanium" href="http://www.appcelerator.com/products/" target="_blank">Titanium</a>, and <a href="http://blog.pokki.com/" target="_blank">Pokki</a> you can use HTML5 to author desktop applications, as well.</p>
<p>&nbsp;</p>
<table border="0">
<tbody>
<tr>
<td><a href="http://labs.almerblank.com/wp-content/uploads/2011/11/HTML5-Support-for-Mobile-Apps.png"><img title="HTML5 Support for Mobile Apps" src="http://labs.almerblank.com/wp-content/uploads/2011/11/HTML5-Support-for-Mobile-Apps-300x225.png" alt="HTML5 Support for Mobile Apps" width="300" height="225" /></a></td>
<td><a href="http://labs.almerblank.com/wp-content/uploads/2011/11/HTML5-Support-for-Desktop-Apps.png"><img title="HTML5 Support for Desktop Apps" src="http://labs.almerblank.com/wp-content/uploads/2011/11/HTML5-Support-for-Desktop-Apps-300x225.png" alt="HTML5 Support for Desktop Apps" width="300" height="225" /></a></td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p><a href="http://labs.almerblank.com/wp-content/uploads/2011/11/HTML5-Cross-Platform-Support.png"><img title="HTML5 Cross Platform Support" src="http://labs.almerblank.com/wp-content/uploads/2011/11/HTML5-Cross-Platform-Support-300x225.png" alt="HTML5 Cross Platform Support" width="300" height="225" align="right" hspace="4" /></a>Unfortunately, you have to customize your code for each of these purpose &#8212; meaning that it is not possible to support browsers and mobile apps from a single HTML5 codebase.</p>
<p>And this is a key characteristic of working with HTML5. Yes, HTML5 is a cross-platform technology in that you can get it to run anywhere (although, again, still not on about half of desktop computers) &#8212; but you have to alter the codebase for each of these top-level environments. So, depending on the platforms you wish to support, HTML5 may, in fact, not be as cross-platform a technology as Adobe Flash for your needs. This is fine, of course, as long as you understand what you are getting into.</p>
<h1>Adobe Digital Publishing Suite</h1>
<p><br/><br />
Adobe DPS is the latest entry into this set of cross-platform technologies. It is a set of technologies from Adobe that enable the creation of interactive publications.</p>
<p><a href="http://labs.almerblank.com/wp-content/uploads/2011/11/Adobe-Digital-Publishing-Suite-Platform-Support.png"><img title="Adobe Digital Publishing Suite Platform Support" src="http://labs.almerblank.com/wp-content/uploads/2011/11/Adobe-Digital-Publishing-Suite-Platform-Support-300x225.png" alt="Adobe Digital Publishing Suite Platform Support" width="300" height="225" align="right" hspace="4" /></a>DPS, unlike Flash and HTML5, does not require any coding to create, distribute, monetize or track rich and engaging experiences. All you need is Adobe InDesign, and you can create all your layouts, and define all your interactivity, right in a simple panel. (You can include custom HTML5 experiences in your DPS, if you wish to add mini games or apps to your publication.)</p>
<p>DPS can not be viewed in the browser &#8212; DPS publications are viewed through the DPS Viewer, which Adobe has built for you. You can use the white label viewer, or customize it to your own look and feel.</p>
<p>The DPS viewer currently runs on iPad, Android phones and tablets, and the BlackBerry Playbook. Adobe has announced support for iPhones and desktop computers in 2012.</p>
<p>You do not have the same degree of control with DPS as you do when building your own applications &#8212; of course, since you are using a white label viewer &#8212; but, aside from the obvious uses inside of the publishing industry, it is such a cost-effective way of creating engaging, interactive content, and distributing it to popular devices.</p>
<h1>Summary</h1>
<p><br/><br />
I&#039;ve tried to summarize the above points in this chart (<cite>you can click the image for a larger version</cite>). I&#039;ve used colors to indicate the variations in codebase under HTML5.</p>
<p>&nbsp;</p>
<p><a href="http://labs.almerblank.com/wp-content/uploads/2011/11/Cross-Platform-Technology-Support-Summary.png"><img title="Cross Platform Technology Support Summary for Adobe Flash, HTML5 and Adobe Digital Publishing" src="http://labs.almerblank.com/wp-content/uploads/2011/11/Cross-Platform-Technology-Support-Summary-300x225.png" alt="Cross Platform Technology Support Summary for Adobe Flash, HTML5 and Adobe Digital Publishing" width="300" height="225" /></a></p>
<p>&nbsp;</p>
<p>Share and enjoy!</p>
<p>-r</p>
<p><b>UPDATE</b>: (11/4) Post and slides updated for increased clarity, and to add the options of Titanium and Pokki.</p>
]]></content:encoded>
			<wfw:commentRss>http://labs.almerblank.com/2011/11/platform-support-for-cross-platform-technologies/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Intro to MongoDB and MongoAS3 Slides and links</title>
		<link>http://labs.almerblank.com/2011/10/intro-to-mongodb-and-mongoas3-slides-and-links/</link>
		<comments>http://labs.almerblank.com/2011/10/intro-to-mongodb-and-mongoas3-slides-and-links/#comments</comments>
		<pubDate>Thu, 27 Oct 2011 06:43:36 +0000</pubDate>
		<dc:creator>Omar Gonzalez</dc:creator>
				<category><![CDATA[Code & Samples]]></category>
		<category><![CDATA[AS3]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[mongoas3]]></category>
		<category><![CDATA[mongodb]]></category>
		<category><![CDATA[nosql]]></category>
		<category><![CDATA[presentations]]></category>

		<guid isPermaLink="false">http://labs.almerblank.com/?p=9087</guid>
		<description><![CDATA[I gave a presentation to the AZFPUG (Arizona Flash Platform User Group) on MongoDB and MongoAS3. Below are links to the presentation slides and the GitHub repository to download the example code. The examples code repository is just a start and will continue to get new code additions as new&#8230;]]></description>
			<content:encoded><![CDATA[<p><a href="http://labs.almerblank.com/wp-content/uploads/2011/10/mongoDB.png"><img class="size-full wp-image-9088 aligncenter" title="MongoDB" src="http://labs.almerblank.com/wp-content/uploads/2011/10/mongoDB.png" alt="" width="217" height="90" /></a></p>
<p>I gave a presentation to the <a title="Arizona Flash Platform User Group" href="http://www.gotoandstop.org/">AZFPUG (Arizona Flash Platform User Group)</a> on <a title="MongoDB Website" href="http://mongodb.org" target="_blank">MongoDB</a> and <a title="MongoAS3, MongoDB AS3 driver for Flash clients." href="http://mongoas3.com" target="_blank">MongoAS3</a>. Below are links to the presentation slides and the GitHub repository to download the example code. The examples code repository is just a start and will continue to get new code additions as new features and new code example requests are received. If you find any errors in the code or have any comments or suggestions on the code examples please post them in the issues section in GitHub as opposed to the comments in this blog post.</p>
<p>Meeting Recording: <a title="MongoDB and MongoAS3 Meeting Recording" href="http://t.co/WJ6yPIR6" target="_blank">http://t.co/WJ6yPIR6</a><br />
Slides: <a title="Slide Deck" href="http://dl.dropbox.com/u/1414382/slideDecks/IntroToMongoDBAndMongoAS3.pdf" target="_blank">http://dl.dropbox.com/u/1414382/slideDecks/IntroToMongoDBAndMongoAS3.pdf<br />
</a>Code Examples on GitHub: <a title="https://github.com/s9tpepper/MongoAS3-CodeExamples" href="https://github.com/s9tpepper/MongoAS3-CodeExamples" target="_blank">https://github.com/s9tpepper/MongoAS3-CodeExamples</a></p>
]]></content:encoded>
			<wfw:commentRss>http://labs.almerblank.com/2011/10/intro-to-mongodb-and-mongoas3-slides-and-links/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A Review of Flash Killers</title>
		<link>http://labs.almerblank.com/2011/10/a-review-of-flash-killers/</link>
		<comments>http://labs.almerblank.com/2011/10/a-review-of-flash-killers/#comments</comments>
		<pubDate>Wed, 26 Oct 2011 01:49:11 +0000</pubDate>
		<dc:creator>rblank</dc:creator>
				<category><![CDATA[General Posts]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[state of the flash]]></category>

		<guid isPermaLink="false">http://labs.almerblank.com/?p=9003</guid>
		<description><![CDATA[I wanted to continue the discussion that I started last week on my personal blog, on the subject of HTML5 and Flash, by addressing the notion of &#034;Flash Killers&#034;. Because, in some circles HTML5 has assumed this same designation, and it&#039;s useful to remember that this is not the first&#8230;]]></description>
			<content:encoded><![CDATA[<p>I wanted to continue the discussion that I started last week on my personal blog, <a title="Thoughts on HTML5 and Adobe Flash" href="http://www.rblank.com/2011/10/20/whats-really-the-deal-with-html5-and-flash/">on the subject of HTML5 and Flash</a>, by addressing the notion of &#034;Flash Killers&#034;. Because, in some circles HTML5 has assumed this same designation, and it&#039;s useful to remember that this is not the first time that the term has been invoked to describe a new technology. In fact, Flash Killers have come along about once every two years.</p>
<p>A review of some past &#039;Flash Killers&#039; might help illuminate the discussion as to whether or not HTML5 is.</p>
<p><span class="Apple-style-span" style="font-size: 26px; font-weight: bold;">Flash Killers</span></p>
<p>&nbsp;</p>
<p>Before diving into a list of Flash Killers, it will be useful to define the term.</p>
<p>A Flash Killing technology is a technology that will kill off Adobe Flash Player &#8212; either by:</p>
<ol>
<li>eliminating the Flash Player from a sufficient number of viewers&#039; devices to defeat Flash&#039;s positioning as a ubiquitous technology</li>
<li>or by eliminating demand for Flash technology amongst firms and developers by supplanting Flash&#039;s features and functionality</li>
</ol>
<p>Each of the following examples was either explicitly positioned by a firm as a Flash Killer, or was seen by the broader market, or some segment of the market, as a Flash Killer. I do not claim that this list is complete or definitive, but these are definite highlights I can call from my experience in this industry. If you can think of some that I missed, please let me know in the comments.</p>
<p>&nbsp;</p>
<h3>Scalable Vector Graphics (SVG)</h3>
<p><a title="Scalable Vector Graphics (SVG) on Wikipedia" href="http://en.wikipedia.org/wiki/Scalable_Vector_Graphics#SVG_on_the_web"><img title="Scalable Vector Graphics from W3C" src="http://labs.almerblank.com/wp-content/uploads/2011/10/220px-SVG-Logo2.svg_.png" alt="Scalable Vector Graphics from W3C" width="220" height="220" align="right" hspace="4" />SVG</a> is an XML-based open standard, overseen by the W3C, in development since 1999. Despite the name, SVG accommodates for raster, as well as vector graphics, in addition to text. Today, SVG is increasingly accepted as a graphics and data format (it is, for example, one of the filters that you can apply on a Google Image search).</p>
<p>However, when it was introduced, it was seen by many as having a chance at being a Flash Killer (remember, this was at a time when Flash essentially only provided vector graphics, raster graphics, text, audio and a tiny bit of interactivity). And many firms &#8212; notably, Adobe &#8212; saw SVG as having a particularly good chance of taking out FlashLite as a threat on mobile. Adobe has long authored SVG viewers, and indeed, today <a title="Adobe's Work with Scalable Vector Graphics (SVG)" href="http://www.adobe.com/svg/">Adobe still is involved in developing and promoting SVG</a>.</p>
<p>Still, unfortunately, to this day discrepancies in browsers have prevented SVG from widespread adoption as a format for graphics, or any other type of data at all. Internet Explorer appears to be the main culprit, not adding basic SVG support until version 9.</p>
<blockquote><p><strong>Verdict</strong>: <em>SVG may be a lot of things, but it was certainly no Flash Killer. There may have been multiple reasons, but the absence of universal browser support effectively made this technology a non-starter from the get-go. And today, SVG pales in comparison to the functionality offered by Flash.</em></p></blockquote>
<p>&nbsp;</p>
<h3>Adobe Live Motion</h3>
<p><img title="Adobe LiveMotion" src="http://labs.almerblank.com/wp-content/uploads/2011/10/1.0-300x275.png" alt="Adobe LiveMotion" width="300" height="275" align="right" hspace="4" />This one is sort of my personal favorite, for a few reasons.</p>
<ol>
<li>First, <a title="Adobe LiveMotion on Wikipedia" href="http://en.wikipedia.org/wiki/Adobe_LiveMotion">Adobe Live Motion</a> is a relic from the days when Macromedia and Adobe were enemies entangled in litigation, rather than a single firm dominating creative workflows across industries;</li>
<li>Second, because it seems that people barely remember this product;</li>
<li>And third, because unlike many of the other technologies included in this list, Live Motion did not challenge the Macromedia Flash Player &#8212; instead, Live Motion relied on the Flash Player, and went after the Macromedia Flash authoring tool market.</li>
</ol>
<p>In other words, Live Motion was Adobe&#039;s attempt to cut off Macromedia&#039;s revenues, using Macromedia&#039;s own runtime as the weapon. In case you aren&#039;t aware, Macromedia (then) and Adobe (now) do not make a dime from the Flash Player &#8212; the revenues come from the authoring tools used to create the content that is viewed through the Flash Player.</p>
<p>Released in 2000, Live Motion offered, to my recollection, three notable features:</p>
<ol>
<li>Time-based animations (instead of the frame-based animations in the Flash authoring tool, then and now)</li>
<li>No ActionScript</li>
<li>An animation interface similar to After Effects</li>
</ol>
<p>The time-based timelines were a kind of a nifty feature (eliminating the need to re-key your animations when you adjust your framerate) &#8212; in fact, there are still times today when I wished Adobe Flash offered this same option. And the integration with an After Effects-style GUI was likely quite useful for those coming to Flash from that tool.</p>
<p>However, in my opinion, LiveMotion was fatally flawed from conception because of the lack of ActionScript support. True, LiveMotion was positioned as an animation tool (and thus wouldn&#039;t require ActionScript), but even back in 2000, when ActionScript was a pale imitation of the coding language we have today, basic AS was required to do things even as simple as banner ads. And when you needed to use AS in your project, LiveMotion wasn&#039;t an option.</p>
<p>LiveMotion was discontinued after two versions.</p>
<blockquote><p><strong>Verdict</strong>: <em>LiveMotion was not only not a Flash Killer &#8212; it wasn&#039;t even a viable product. Though, it is notable as the only member of this list to explicitly attack Flash as an authoring tool, while reinforcing the dominance of the Flash Player and underscoring the importance of ActionScript to the future of Flash technology.</em></p>
<p>&nbsp;</p></blockquote>
<h3>Processing</h3>
<p><img title="Processing" src="http://labs.almerblank.com/wp-content/uploads/2011/10/256px-Processing_Logo_Clipped.svg_.png" alt="Processing" width="256" height="256" align="right" hspace="4" />Originally developed as a language and IDE (&#039;integrated development environment&#039;, aka &#039;authoring tool&#039;) to teach programming to more design-oriented creatives, <a title="Processing" href="http://processing.org/">Processing</a> made its way through the Flash community in the middle part of the naughties (the term I prefer for the first decade of this millennium). One of Processing&#039;s main innovations was the inclusion of a &#039;Sketchbook&#039; as the IDE, simplifying and reducing the learning curve for designers to program.</p>
<p>To my recollection, Processing was not a sufficiently high-profile technology for much of the media to take note, but the Flash creative community (which Flash, unlike any other web or programming technology, has in droves) did. And they complained vocally that Macromedia needed to add features to cater more to designers and designer-based workflows, as Processing had done. (It is important to note that, by this point, Flash had seen the two most recent versions include new features that catered to developers more than designers or animators). I remember hearing that more and more of the design community was considering a switch to Processing if Flash didn&#039;t add more considerations for designers. Processing was (perhaps inadvertently) making a play for the hybrid designer/developer for which Flash had become so well known.</p>
<p>Processing is, to this day, a successful niche technology, enabling some wild creativity. But it never made a real or long-lasting impact on the Flash world. Why? Well, in my opinion, there were three main issues:</p>
<ol>
<li>First, compiled Processing experiences require the Java runtime to view. Java is just not that widely-distributed &#8212; certainly not in comparison to Adobe Flash Player. A technology does you no good, no matter how expressive it is, or easy to work with it is, if the end-result can not be seen or experienced by your audience.</li>
<li>Second, while Processing features an IDE that makes coding much easier for designers, it doesn&#039;t include any design tools to speak of. Whether you are outputting to Flash or HTML, Adobe has tools that provide the entire design workflow prior to engineering. By comparison, it&#039;s just not that easy to port Photoshop and Illustrator designs into Processing.</li>
<li>And third, Flash got more visually expressive in subsequent versions.</li>
</ol>
<blockquote><p> <strong>Verdict</strong>: <em>Processing is popular, innovative and fosters a wide degree of creativity. As well, it is has found a market in which it continues to be adopted and utilized. I would say that it is a successful technology on its own terms, but in the end, was no sort of &#039;Flash Killer&#039;.</em></p>
<p>&nbsp;</p></blockquote>
<h3>Microsoft Silverlight</h3>
<p><a title="Microsoft Silverlight" href="http://www.silverlight.net/"><img title="Microsoft Silverlight" src="http://labs.almerblank.com/wp-content/uploads/2011/10/silverlight-logo-300x97.png" alt="Microsoft Silverlight" width="300" height="97" align="right" hspace="4" />Microsoft Silverlight</a> was introduced in 2007, and was positioned, to my recollection, explicitly as a Flash Killer. And, while you can debate which technology is better for which purposes, I believe that it is difficult to argue that Silverlight has been a successful web technology, or has come anywhere near achieving Microsoft&#039;s goals of supplanting Flash.</p>
<p>Microsoft faced three challenges with Silverlight:</p>
<ol>
<li>to get developers using their tools</li>
<li>to get clients approving Silverlight work</li>
<li>to get their Silverlight Player installed on computers</li>
</ol>
<p>On the first item of tools, Microsoft has two tools to author experiences in Silverlight. The first is their powerful Visual Studio, which can be used to code and debug applications. The second tool is Expression Blend which is a tool more positioned to design and animate interfaces and content. You can think of Blend as roughly analogous to Flash Professional in function and purpose.</p>
<p>Visual Studio is really an impressive tool, enjoyed by coders of many languages. And, you can program Silverlight experiences in multiple languages. So Silverlight included a robust engineering IDE. However, without going into the details of Expression Blend, let&#039;s just say that Microsoft doesn&#039;t excel at creating professional design tools.</p>
<p>Beyond the capabilities of Blend, it&#039;s important to remember that Microsoft does not make any solutions for content creation further up the workflow (I mean, it&#039;s not like you&#039;re going to use Microsoft Paint to design your web apps). Almost all of the time when working in Flash, you are working with designs that originated in Photoshop or Illustrator. All of those tools are Adobe&#039;s, and thus there is a clean workflow between design of an experience, and creation of that experience. Microsoft offered no design tools of their own, and only more recently has added workflows to support working with Photoshop designs.</p>
<p>When it came to having clients approve Silverlight work, Microsoft underwrote several high-profile projects, encouraging adoption among clients. This (along with the fact that you can develop Silverlight solutions in multiple, existing languages), encouraged developers to pick up the technology and fostered market penetration of the Silverlight plugin. But, it clearly hasn&#039;t been enough. Per <a title="Wikipedia Entry on Microsoft Silverlight" href="http://en.wikipedia.org/wiki/Microsoft_Silverlight#Adoption">Wikipedia</a>, Silverlight has a player penetration around 65%, versus 95% for Adobe Flash; and Silverlight is utilized by approximately 0.3% of websites, as opposed to Adobe Flash&#039;s site utilization rate of 27%.</p>
<blockquote><p> <strong>Verdict</strong>: <em>at the end of the day, while Silverlight may be seen as successful in some ways, and may still see other successes in the future, it&#039;s safe to say that it has not been a Flash Killer. </em></p></blockquote>
<h3>Asynchronous Javascript And XML (AJAX)</h3>
<p><img title="Asynchronous Javascript and XML (AJAX)" src="http://labs.almerblank.com/wp-content/uploads/2011/10/ajax-logo1-300x199.jpg" alt="Asynchronous Javascript and XML (AJAX)" width="300" height="199" align="right" hspace="4" /><a title="The History of Asynchronous Javascript and XML (AJAX)" href="http://en.wikipedia.org/wiki/Ajax_(programming)#History">The history of AJAX</a> actually extends back to 2000. And, while we saw some cool early implementations starting in 2004 (with GMail), AJAX became increasingly popular around 2006 and 2007.</p>
<p>Unlike every other entry on this list, AJAX is not actually a technology &#8212; it is a way of using Javascript to work with client-side technologies, like HTML and CSS.</p>
<p>When AJAX came into popular use, it was often referred to as a Flash Killer. And, it is certainly true that AJAX enabled firms like Google to start building rich internet applications in HTML, that previously would have required Flash. At the same time, of course, Flash continued to extend in power, offering new features (like high quality video) stimulating increased adoption of Flash technology.</p>
<p>And, AJAX relies on web browsers to interpret and execute the instructions. Since web browsers are created by multiple companies, and run on operating systems created by other companies, that means that there are platform-specific discrepancies with how AJAX experiences are rendered &#8212; leading to increased time spent in developing and debugging AJAX applications. And, of course, each time a new version of a new browser is introduced, you have to go back and test all of your older AJAX work for compliance.</p>
<blockquote><p> <strong>Verdict</strong>: <em>AJAX made the web better &#8212; a lot better &#8212; but it has certainly not been a Flash Killer. From my perspective, AJAX is used to enhance and improve experiences that are going to be written in HTML; very few AJAX experiences would otherwise be built in Flash if AJAX didn&#039;t exist &#8212; they would just have fewer features and be less enjoyable to use. </em></p></blockquote>
<h1></h1>
<h1>The Ingredients of a &#039;Flash Killer&#039;</h1>
<p>&nbsp;</p>
<p><img title="No Flash" src="http://labs.almerblank.com/wp-content/uploads/2011/10/no-flash-292x300.jpg" alt="No Flash" width="292" height="300" align="right" hspace="4" />A review of the above contenders for Flash Killers is instructive on a few points. First, of course, it shows that we&#039;ve been down this road before. Almost since Flash was invented, people have been trying to find the next &#039;Flash Killer&#039; &#8212; and to date, no technology has proven itself capable of taking down Flash. At the same time, I think the above examples help illuminate what a successful Flash Killer would look like.</p>
<p>A Flash Killer would, to my mind, have to offer three things:</p>
<h3>1) Compelling Feature Set</h3>
<p>Of course, a technology seeking to become a Flash Killer would have to offer a compelling feature-set &#8212; at least roughly equivalent to the features and power currently available inside of the Flash Player and utilized by developers in projects, sites, apps and games.</p>
<h3>2) Widely Distributed Runtime</h3>
<p>Second, the Flash Killer would need to be viewable by a large audience. It doesn&#039;t matter if you can create the most amazing experiences with a technology &#8212; if those experiences can not be viewed by anyone.</p>
<p>The Adobe Flash Player is the most widely distributed software in history &#8212; no other software comes close. According to the <a title="The Adobe Flash Player Census" href="http://www.adobe.com/products/flashplatformruntimes/statistics.html">Adobe Census</a> penetration of the Flash Player is currently at 99%; according to Wikipedia, that number is closer to 95% (depending on which entry you read). In any case, that&#039;s a lot of computers. Which means that if you author something in Flash and post it on a website, most anyone in the world who browses the web can view it (and for those who can not, it is possible to install or upgrade the Flash Player pretty easily and seamlessly).</p>
<p>I also think it is worth mentioning that, not only can most anyone on a computer view your Flash, but when they view it, it will look, feel and operate the same &#8212; no matter what type of computer or web browser they are viewing on (or what future version of the Flash Player that they may have installed). I can literally open up some of my Flash 3 work today in the Flash Player 11, and it will still run perfectly, as it did the day it was first published. That&#039;s a big difference from a technology like HTML, which is also universally viewable, but does not have a consistent, backwards-compatible runtime.</p>
<h3>3) Tools and Creative Workflows</h3>
<p>This is a key, and often overlooked, aspect of Flash &#8212; that Adobe provides not only Flash Professional (and now, Flash Builder and Flash Catalyst) &#8212; but also a whole set of tools that power the experiences created in Flash (or HTML, with Dreamweaver and Fireworks), including Photoshop, Illustrator and After Effects. In order for a technology to be a viable replacement, it must include tools to enable (or, at a minimum, accommodate) the creative workflows utilized by industry professionals that are based almost entirely around Adobe&#039;s content creation tools.</p>
<p>This is where I think solutions like Silverlight were fundamentally flawed from inception. People not only need to be able to use your authoring tools &#8212; they need to be able to execute complete projects, from conception and design, all the way through engineering and deployment.</p>
<h1></h1>
<h1>Where Does That Leave HTML5</h1>
<p>&nbsp;</p>
<p><img title="HTML5" src="http://labs.almerblank.com/wp-content/uploads/2011/10/html5logo-300x174.jpg" alt="HTML5" width="300" height="174" align="right" hspace="4" />Hopefully, as this post has attempted to convey, the history of Flash Killers is lousy with technologies that did not even come close to killing Flash. Some of these technologies were complete failures on their own terms (like LiveMotion) and some are successful and popular technologies that have just not killed off Flash (like AJAX).</p>
<p>Today we are revisiting this same discussion, but this time the market wonders if HTML5 will be the Flash Killer.</p>
<p>If we look at the criteria I highlighted above, that I believe are requirements for any technology to be a successful &#039;Flash Killer&#039;, HTML5 does offer a compelling feature set (although one not on par with Adobe Flash; more on that in a separate post). However, HTML5 still does not offer a consistent or universally available runtime, and the tooling to build HTML5 in professional environments is still quite early stage.</p>
<p>So, of course, it&#039;s too early to tell if HTML5 can be a &#039;Flash Killer&#039;. That said, in my opinion, it seems obvious to me that HTML5 will play out much the same way that AJAX has. Yes, there will be some projects that will be done in HTML5 that would otherwise have been created in Flash; yet, by and large HTML5 will make the web better. HTML5 will improve the quality of experiences authored in HTML. It should not &#8212; again, at least on its own terms &#8212; supplant Flash technology. (I attempted to examine this question in much greater depth <a title="R Blank's Thoughts on HTML5 and Adobe Flash" href="http://www.rblank.com/2011/10/20/whats-really-the-deal-with-html5-and-flash/">in last week&#039;s post</a>.)</p>
<p>So, when people ask &#039;is HTML5 going to kill off Flash&#039; the answer should be &#039;too soon to tell, but it&#039;s unlikely.&#039;</p>
<p>However, it is not possible to examine this question in isolation. <strong>Because when people ask &#039;is HTML5 going to kill off Flash?&#039; they are really asking <strong>(whether or not they realize it) </strong>&#039;is Apple going to kill off Flash?&#039; </strong></p>
<p><img title="Steve Jobs" src="http://labs.almerblank.com/wp-content/uploads/2011/10/steve_jobs_630x-300x275.jpg" alt="Steve Jobs" width="300" height="275" align="right" hspace="4" />Of course, everyone and their uncle knows that Flash Player has not run on iPhones and iPads since their initial release. <a title="Steve Jobs' Thoughts on Flash" href="http://www.apple.com/hotnews/thoughts-on-flash/">Steve Jobs provided an explanation of their position in April, 2010</a> and concluded that &#034;Adobe should focus more on creating great HTML5 tools.&#034; Apple has additionally contributed significant efforts to creating and finalizing the HTML5 specification, and promoting its use in commerce.</p>
<p><em>Apple is trying to position HTML5 as a Flash Killer, because Apple wants to be a Flash Killer</em>. HTML5 is simply the technology that Apple believes will offer an alternative for creating compelling, feature-rich experiences.</p>
<p>It is still too soon to tell how this will all play out. Adobe has recently created workflows to publish high-performing Flash work to iPhone and iPads, and we have to see how clients and the developer community adopt those new features. Perhaps Apple (in the post-Jobs era) might someday see their way to permitting the Flash Player on iOS; perhaps not. Perhaps HTML5 will be able to agree on a single video codec; perhaps not. We don&#039;t know what features Flash Player 12 and 13 and 14 will offer (all of which will likely be released before HTML5 is universally viewable by web audiences). These are all open variables that will impact this discussion.</p>
<p>That said, Apple&#039;s move was the first effective attack on Flash that I&#039;ve witnessed in my 12 years of working with the technology. Because, this was the first time in the history of the technology that Flash was prevented from being distributed to a popular platform. One of Flash&#039;s core advantages is that it can provide a consistent experience everywhere. And, for the first time, it didn&#039;t actually work everywhere.</p>
<p>Still, it&#039;s important to remember that HTML5 is only the latest in a longer list of also-ran Flash Killers. Flash is a very robust technology that offers an advantage that has proven to be unrepeatable and insurmountable &#8212; namely, that it works on every screen.</p>
<blockquote><p><strong>Verdict</strong>: <em>It&#039;s still too soon for a final determination whether HTML5 will be a Flash Killer, but I believe that history shows that, on its own, HTML5 does not have the ingredients to be a Flash Killer, and would instead <em>prove to have much the same impact as AJAX has had, by making the web a better, more enjoyable place to spend time.</em></em></p>
<p><em>However, this is separate from whether iOS will be a successful Flash Killer. iOS has been effective at eating into Flash&#039;s market, by attacking perceptions, and offering replacement functionality in the form of HTML5. But the absence of a technology that can actually, truly replace Flash on all platforms has given Adobe some breathing room to create publishing workflows to engage on the iOS platforms. And, without intending to sound harsh, the passing of Steve Jobs has removed the core actor in this drama from the stage. So, we&#039;ll see in the next couple of years how this plays out.</em></p>
<p><em>Thus, HTML5 will not be a Flash Killer. Apple might. Time will tell.</em></p></blockquote>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://labs.almerblank.com/2011/10/a-review-of-flash-killers/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
	</channel>
</rss>

