<?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>A Source Of Inspiration &#187; Web Development</title>
	<atom:link href="http://www.asourceofinspiration.com/category/source/web-development/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.asourceofinspiration.com</link>
	<description>Fresh ideas for interactive creativity</description>
	<lastBuildDate>Fri, 13 Jan 2012 00:28:03 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>The Honda Experiment</title>
		<link>http://www.asourceofinspiration.com/2011/11/23/the-honda-experiment/</link>
		<comments>http://www.asourceofinspiration.com/2011/11/23/the-honda-experiment/#comments</comments>
		<pubDate>Wed, 23 Nov 2011 16:18:56 +0000</pubDate>
		<dc:creator>Armando Alves</dc:creator>
				<category><![CDATA[html5]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[honda]]></category>

		<guid isPermaLink="false">http://www.asourceofinspiration.com/?p=4102</guid>
		<description><![CDATA[Remember the HTML5 experience by Google and Arcade Fire with the Wilderness Downtown? Now it&#8217;s time for a new one, with Honda releasing The Experiment, a new HTML5 browser based game inviting players to a chain reaction by placing a set of pop-up windows in sequence. Lots of windows and interactions across the six levels, [...]]]></description>
			<content:encoded><![CDATA[<p>Remember the HTML5 experience by Google and Arcade Fire with the <a href="http://thewildernessdowntown.com/">Wilderness Downtown</a>? Now it&#8217;s time for a new one, with Honda releasing <a href="http://experimentgame.com">The Experiment</a>, a new HTML5 browser based game inviting players to a chain reaction by placing a set of pop-up windows in sequence. </p>
<p><a href="http://experimentgame.com"><img src="http://www.asourceofinspiration.com/wp-content/uploads/2011/11/HE2-600x316.png" alt="" title="HE2" width="600" height="316" class="alignnone size-medium wp-image-4110" /></a></p>
<p><a href="http://experimentgame.com"><img src="http://www.asourceofinspiration.com/wp-content/uploads/2011/11/HE-600x390.png" alt="" title="HE" width="600" height="390" class="alignnone size-medium wp-image-4109" /></a></p>
<p><a href="http://experimentgame.com"><img src="http://www.asourceofinspiration.com/wp-content/uploads/2011/11/chicken_game_play_close_up-600x356.jpg" alt="" title="chicken_game_play_close_up" width="600" height="356" class="alignnone size-medium wp-image-4108" /></a></p>
<p>Lots of windows and interactions across the six levels, and you can always challenge your friends to beat your score. Video below.</p>
<p><iframe width="560" height="315" src="http://www.youtube.com/embed/WKXeQ_rkEWM" frameborder="0" allowfullscreen></iframe></p>
<p><small><br />
Credits:<br />
Agency- <a href="http://www.wklondon.com">Wieden + Kennedy, London</a><br />
Creatives: Lisa Jelliffe, Kirsten Rutherford<br />
Producer: Dominic Tunon<br />
Creative Directors: Chris Groom, Sam Heath<br />
Interactive Creative Directors: Gavin Gordon-Rogers, Andy Cameron<br />
Designer: Chris Welsby<br />
Creative Technologist: Mike Tucker<br />
Executive Creative Directors: Tony Davidson, Kim Papworth<br />
Production: <a href="http://www.b-reel.com/">B-Reel</a><br />
</small></p>
]]></content:encoded>
			<wfw:commentRss>http://www.asourceofinspiration.com/2011/11/23/the-honda-experiment/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>FERRY from The Dam Armada</title>
		<link>http://www.asourceofinspiration.com/2011/11/10/ferry-the-dam-armada/</link>
		<comments>http://www.asourceofinspiration.com/2011/11/10/ferry-the-dam-armada/#comments</comments>
		<pubDate>Thu, 10 Nov 2011 17:44:03 +0000</pubDate>
		<dc:creator>Armando Alves</dc:creator>
				<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.asourceofinspiration.com/?p=4056</guid>
		<description><![CDATA[With agencies finding harder to recruit talent and trying to diversify risk, it is now common to find business incubators as agency spinoffs. Within  W+K Amsterdam there&#8217;s the business unit The Dam Armada, made up of a team of creative developers and designers, turning ideas into products, the first one being FERRY. Created for designers and developers, the [...]]]></description>
			<content:encoded><![CDATA[<p>With agencies finding harder to recruit talent and trying to diversify risk, it is now common to find business incubators as agency spinoffs.</p>
<p>Within  <a href="http://www.wk.com/work/from/amsterdam">W+K Amsterdam</a> there&#8217;s the business unit The Dam Armada, made up of a team of creative developers and designers, turning ideas into products, the first one being <a href="http://ferry.thedamarmada.com/">FERRY</a>.</p>
<p><a href="http://ferry.thedamarmada.com/"><img class="alignnone size-full wp-image-4057" title="ferry-damarmada" src="http://www.asourceofinspiration.com/wp-content/uploads/2011/11/ferry-damarmada.jpg" alt="" width="600" height="363" /></a></p>
<p>Created for designers and developers, the tool consists on FERRYScript (the exporter)  and FERRYDocker (the interpreter), converting PSD layers into a production ready set of png and XML files, interpreted by FERRYDocker ready for iOS interfaces.</p>
<p><iframe src="http://player.vimeo.com/video/30667638?title=0&amp;byline=0&amp;portrait=0" frameborder="0" width="601" height="338"></iframe></p>
<p>The tool is on sale now at <a href="http://ferry.thedamarmada.com/" target="_blank">http://ferry.thedamarmada.com</a> for 14.99 euros, saving a developer a few hours a month of chopping and slicing.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.asourceofinspiration.com/2011/11/10/ferry-the-dam-armada/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Die IE6, die!</title>
		<link>http://www.asourceofinspiration.com/2011/03/06/die-ie6-die/</link>
		<comments>http://www.asourceofinspiration.com/2011/03/06/die-ie6-die/#comments</comments>
		<pubDate>Sun, 06 Mar 2011 23:32:12 +0000</pubDate>
		<dc:creator>Armando Alves</dc:creator>
				<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.asourceofinspiration.com/?p=3838</guid>
		<description><![CDATA[Now that even Microsoft is pulling the plug on IE6, can we finally give web developers a rest? Thanks. Link: http://ie6countdown.com/]]></description>
			<content:encoded><![CDATA[<p>Now that even Microsoft is <a href="http://twitter.com/#!/Microsoft/status/43753653189885952">pulling the plug on IE6</a>, can we finally give web developers a rest? Thanks.<br />
<a href="http://ie6countdown.com/"><img src="http://www.asourceofinspiration.com/wp-content/uploads/2011/03/ie6countdown.jpg" alt="" title="ie6countdown" width="500" height="370" class="alignnone size-full wp-image-3839" /><br />
</a><br />
Link: <a href="http://ie6countdown.com/">http://ie6countdown.com/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.asourceofinspiration.com/2011/03/06/die-ie6-die/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Shameless PromoTion: Sapo Pond</title>
		<link>http://www.asourceofinspiration.com/2009/11/20/shameless-promotion-sapo-pond/</link>
		<comments>http://www.asourceofinspiration.com/2009/11/20/shameless-promotion-sapo-pond/#comments</comments>
		<pubDate>Fri, 20 Nov 2009 11:40:16 +0000</pubDate>
		<dc:creator>Armando Alves</dc:creator>
				<category><![CDATA[Friends]]></category>
		<category><![CDATA[Portugal]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[app]]></category>
		<category><![CDATA[meo]]></category>
		<category><![CDATA[Mobile]]></category>
		<category><![CDATA[pond]]></category>
		<category><![CDATA[pt]]></category>
		<category><![CDATA[review]]></category>
		<category><![CDATA[sapo]]></category>
		<category><![CDATA[social]]></category>
		<category><![CDATA[tmn]]></category>

		<guid isPermaLink="false">http://www.asourceofinspiration.com/?p=2890</guid>
		<description><![CDATA[It&#8217;s been a while since my last Shamess PromoTion, where i highlight projects created by friends, mostly from Portugal. The project i&#8217;ll be describing today was developed by SAPO, where some good friends managed to deliver one of the most solid web applications i&#8217;ve seen lately, specially considering that Lisbon isn&#8217;t exactly Silicon Valley. So, [...]]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s been a while since my last Shamess PromoTion, where i highlight projects created by friends, mostly from Portugal. The project i&#8217;ll be describing today was developed by <a href="http://sapo.pt/">SAPO</a>, where some good friends managed to deliver one of the most solid web applications i&#8217;ve seen lately, specially considering that Lisbon isn&#8217;t exactly Silicon Valley.</p>
<p><a href="http://web.pond.pt"><img class="alignnone size-medium wp-image-2892" title="pond" src="http://www.asourceofinspiration.com/wp-content/uploads/2009/11/pond-432x375.jpg" alt="pond" width="432" height="375" /></a></p>
<p>So, what&#8217;s <a href="http://web.pond.pt">Pond</a> ?  It&#8217;s an aggregator and publishing tool for social media services, that allows anyone to manage their social graph on a single place. You can import your friend list from social web services, merge friend contacts and update your social web status on the web, mobile or desktop.</p>
<p><a href="http://web.pond.pt/index?action=mobileapps"><img class="alignnone size-medium wp-image-2891" title="mobile_lineup" src="http://www.asourceofinspiration.com/wp-content/uploads/2009/11/mobile_lineup-499x171.jpg" alt="mobile_lineup" width="499" height="171" /></a></p>
<p>The wide range of platform support is certainly the highlighted feature:  Besides the web, Android, and Symbian <a href="http://web.pond.pt/index?action=mobileapps">mobile</a> apps are available (iPhone soon) and <a href="http://web.pond.pt/index?action=desktop">desktop</a> software (Mac, Windows and Linux) will also be released.</p>
<p>Currently Pond supports <a href="http://twitter.com/" target="_blank">Twitter</a>, <a href="http://flickr.com/" target="_blank">Flickr</a>, <a href="http://fotos.sapo.pt/" target="_blank">SAPO Fotos</a>, <a href="http://youtube.com/" target="_blank">YouTube</a>, <a href="http://videos.sapo.pt/" target="_blank">SAPO Vídeos</a>, <a href="http://facebook.com/" target="_blank">Facebook</a> and <a href="http://blogs.sapo.pt/" target="_blank">SAPO Blogs</a>, as well any <a href="http://en.wikipedia.org/wiki/RSS" target="_blank">RSS</a> or <a href="http://en.wikipedia.org/wiki/Atom_%28standard%29" target="_blank">Atom</a> feed. It will surely be a great way to introduce the power of social web to a wider portuguese audience, since the application is sponsored by <a href="http://tmn.pt/">TMN</a>  the largest mobile carrier in Portugal (disclaimer: TMN is a Fulllsix client)  <a href="http://telecom.pt/">PT Comunicações</a> and <a href="http://meo.pt/">Meo</a> (it will be interesting to see a social app on a IPTV service: social TV).</p>
<p>With smartphones becoming more affordable, growth on the social web will be fueled by mobile web with centralizing services like <a href="http://web.pond.pt">Pond</a> or <a href="http://www.vodafone360.com">Vodafone 360</a> taking full advantage our digital identities. I only wish i could add more metadata to my friends info, like birthdays, tags or events. Give me that, and i&#8217;ll be a happy ? Ponder ?</p>
<p>Great work, <a href="http://sapo.pt/">SAPO</a> team!</p>
<p>P.S.: the service is on beta  invitation only for the moment  with <a href="http://pond.pt/registo/registo.php">early registration for TMN clients</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.asourceofinspiration.com/2009/11/20/shameless-promotion-sapo-pond/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Create Your Canvas</title>
		<link>http://www.asourceofinspiration.com/2009/11/17/create-your-canvas/</link>
		<comments>http://www.asourceofinspiration.com/2009/11/17/create-your-canvas/#comments</comments>
		<pubDate>Tue, 17 Nov 2009 10:39:47 +0000</pubDate>
		<dc:creator>Armando Alves</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Websites]]></category>

		<guid isPermaLink="false">http://www.asourceofinspiration.com/?p=2884</guid>
		<description><![CDATA[If there&#8217;s one place where creativity excels is on a blank canvas. You &#8220;just&#8221; have to figure out what to make of it. Fashion brand Land&#8217;s End is here to help with a new website developed by EVB, taking full advantage of Facebook, Twitter and Flickr to help you unleash creativity. Altough they should have [...]]]></description>
			<content:encoded><![CDATA[<p>If there&#8217;s one place where creativity excels is on a blank canvas. You &#8220;just&#8221; have to figure out what to make of it.</p>
<p><a href="http://mycanvas.landsend.com/"><img class="alignnone size-full wp-image-2885" title="mycanvas" src="http://www.asourceofinspiration.com/wp-content/uploads/2009/11/mycanvas.jpg" alt="mycanvas" width="500" height="256" /></a></p>
<p>Fashion brand Land&#8217;s End is here to help with a new <a href="http://mycanvas.landsend.com/">website</a> developed by <a href="http://evb.com/2009/11/16/create-your-canvas/">EVB</a>, taking full advantage of Facebook, Twitter and Flickr to help you unleash creativity. Altough they should have used a password anti-pattern with Twitter like <a href="http://en.wikipedia.org/wiki/OAuth">OAuth</a> (there&#8217;s no way i&#8217;m sticking my Twitter password on a brand website) the Facebook Connect showed me just how my friends are the new paintbrush.</p>
<p><a href="http://mycanvas.landsend.com/"><img class="alignnone size-full wp-image-2886" title="mycanvas-fb" src="http://www.asourceofinspiration.com/wp-content/uploads/2009/11/mycanvas-fb.jpg" alt="mycanvas-fb" width="500" height="255" /></a></p>
<p>Oh, and they sell clothes too.</p>
<p>And just in case you didn&#8217;t notice the writing on my painting, Portugal&#8217;s main Online Advertising Award is up for voting at <a href="http://premios.sapo.pt/">http://premios.sapo.pt/</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.asourceofinspiration.com/2009/11/17/create-your-canvas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sequence redesigns a new web experience</title>
		<link>http://www.asourceofinspiration.com/2009/07/13/sequence-redesigns-a-new-web-experience/</link>
		<comments>http://www.asourceofinspiration.com/2009/07/13/sequence-redesigns-a-new-web-experience/#comments</comments>
		<pubDate>Mon, 13 Jul 2009 21:32:54 +0000</pubDate>
		<dc:creator>Armando Alves</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.asourceofinspiration.com/?p=2598</guid>
		<description><![CDATA[Even if this blog has focused mostly on Flash based interactive experiences, that doesn&#8217;t mean i have anything against web standards. Quite the contrary, with XHTML+CSS being preferable in most of the cases, unless your idea uses media that is best fit for a more interactive technology. And since what really matters are fresh ideas, [...]]]></description>
			<content:encoded><![CDATA[<p>Even if this blog has focused mostly on Flash based interactive experiences, that doesn&#8217;t mean i have anything against web standards. Quite the contrary, with XHTML+CSS being preferable in most of the cases, unless your idea uses media that is best fit for a more interactive technology.</p>
<p>And since what really matters are fresh ideas, here&#8217;s the <a href="http://sequence.com/">redesign from Sequence</a>, a San Francisco based design and strategy agency that excels on using modern web standards to create a dynamic website, with a unusual approach to navigation, that many would thought impossible a few years ago without using Flash.</p>
<p><a href="http://sequence.com/#/home/"><img src="http://www.asourceofinspiration.com/wp-content/uploads/2009/07/sequence-home.jpg" alt="sequence-home" title="sequence-home" width="500" height="259" class="alignnone size-full wp-image-2600" /></a></p>
<p>Under the hood the website is using HTML5, CSS (with an iPhone optimized version), Javascript (Mootols) and <a href="http://wiki.github.com/sorccu/cufon/about">Cúfon</a>, a font replacement technique based on SVG (VML on IE) and JSON.</p>
<p><a href="http://sequence.com/#/team/"><img src="http://www.asourceofinspiration.com/wp-content/uploads/2009/07/sequence-team.jpg" alt="sequence-team" title="sequence-team" width="500" height="259" class="alignnone size-full wp-image-2599" /></a></p>
<p>We&#8217;ve come a long way in web standards, and even if <a href="http://www.w3.org/News/2009#item119">XHTML 2 is no longer</a>, there&#8217;s plenty of innovation out there, from <a href="http://labs.mozilla.com/">Mozilla Labs</a> to the multi-platform reach of <a href="http://webkit.org/">Webkit</a>. So you&#8217;d better think of a pretty damn good excuse to develop a site only in Flash.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.asourceofinspiration.com/2009/07/13/sequence-redesigns-a-new-web-experience/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Social, Portable and your mom</title>
		<link>http://www.asourceofinspiration.com/2009/03/31/social-portable-and-your-mom/</link>
		<comments>http://www.asourceofinspiration.com/2009/03/31/social-portable-and-your-mom/#comments</comments>
		<pubDate>Tue, 31 Mar 2009 12:10:27 +0000</pubDate>
		<dc:creator>Armando Alves</dc:creator>
				<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[data]]></category>
		<category><![CDATA[open social]]></category>
		<category><![CDATA[portability]]></category>
		<category><![CDATA[social networks]]></category>

		<guid isPermaLink="false">http://www.asourceofinspiration.com/?p=2030</guid>
		<description><![CDATA[The enormous growth of social media services, with Facebook now over 175 million users and Twitter having a yearly growth rate of 1382%, validates the need for companies to start using these social platforms to engage with customers. And with more people joining these platforms, the amount of content created and shared also increases, with [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-2124" title="oauthmom" src="http://www.asourceofinspiration.com/wp-content/uploads/2009/03/oauthmom.jpg" alt="oauthmom" width="500" height="378" /></p>
<p><small><br />
<a href="http://www.flickr.com/photos/avalonstar/3344478113/"></a></small></p>
<p>The enormous growth of social media services, with Facebook now <a href="http://www.facebook.com/press/info.php?statistics">over 175 million users</a> and Twitter having a yearly growth rate of <a href="http://blog.nielsen.com/nielsenwire/online_mobile/twitters-tweet-smell-of-success/">1382%</a>, validates the need for companies to start using these social platforms to engage with customers. And with more people joining these platforms, the amount of content created and shared also increases, with users becoming more sensitive on the way they build their personal network.</p>
<p>At first, users are driven to sign up by curiosity or bombarded by constant friend requests, joining their close circle of contacts. The trouble is that it doesn&#8217;t stops here. You then become a fan of your favorite author, start following you favorite basketball player on Twitter or discover that old colleague from trainee years.</p>
<p>The social network, once reserved to our closest friends, is now growing beyond any reasonable <a href="http://en.wikipedia.org/wiki/Dunbar's_number">Dunbar number</a> and providing much more value that keeping us connected and building group stability.</p>
<h2>Friending is a social verb</h2>
<p>We can&#8217;t deny it: we love groups. We need to belong to a social circle. Bigger online social circles usually imply an increasing complexity of filters and preferences necessary to make it manageable, with revised criteria for friending people. As personal networks grow in size and influence, we also get to the see how artificial barriers to entry are built, with cultural groups creating psychological boundaries (from celebrities to intellectual prejudice).</p>
<p>From <a href="http://en.wikipedia.org/wiki/James_Samuel_Coleman">Coleman&#8217;s</a> concept of network closure as social capital to today&#8217;s social media rise, we&#8217;ve kept the need to include in our social graphs both weak ties and strong ties. What changed was the way both geographical and social circles were affected by the Internet.  Twitter, for instance, favors an asymmetric behavior regarding groups, by not requiring two-way acceptance to get updates. Facebook, on the other hand is focused on a reciprocal relationship that implies social approval.</p>
<p>The nature of these social network relationships also changes according to the stage of a person&#8217;s life, with younger demographics having fewer and closer friend evolving to adult life with connections more essential to structural sustainability and innovation. Linkedin, a professional social network, is based on more private conversations and encourages these weak ties, quite valued on today&#8217;s economic uncertainty.</p>
<p>In most of these online social networks, users put a great deal of effort to perfect their profile, showing that it goes beyond fine tuning preferences, it&#8217;s also a public expression of the self. At social music service Last.fm, your playlist is a pretty good psychographic profile of who you are. Or at least, how you want to be seen by others.</p>
<p>But all these profiles, filters and preferences, where users spend hours so they can have a better experience, are mostly useless. <strong>Useless in the sense you can&#8217;t easily get this data out of centric platforms. </strong></p>
<h2>Portable me</h2>
<p>These platforms have been evolving slowly, from pre-api times were each user  had to login on services and invite all his relevant social circle to today&#8217;s APIs with password anti-patterns and OAuth Support.</p>
<p>If Facebook started providing closed filtering and grouping mechanisms, Google has pushed even further by releasing <a href="http://portablecontacts.net/">Portable Contacts</a>.  The open standard makes it easier to access your social circle information in a safe way, using existing standards and libraries (OpenSocial, OAuth, vCard).</p>
<p>Users can <cite>port in their existing network of friends and see who they know is already using a site</cite>. It goes beyond the Facebook feature of optional grouping when adding a friend, by enabling 4 system groups for each user, accessible by service providers. Any user can manually add contacts to the Coworkers, Family, and Friends groups; the My Contacts group contains contacts added to contact groups by the user.</p>
<h2>Your mom</h2>
<p>What&#8217;s your mom have to do with this? Well, let&#8217;s put it bluntly: most of us don&#8217;t want to share some of our social network updates with our mom, the same way most of us as teenagers didn&#8217;t want her to know who we started dating.  Or as <a href="http://web2expo.blip.tv/file/1277460/">Clay Shirky mentioned</a> last year at Web2.0 Expo: &#8220;What filter just broke ?&#8221;  As experience architects, we should be thinking on providing context to social circles and encourage the integration of third-party applications that respect this behavior.</p>
<p>Your mom probably doesn&#8217;t have a clue what Microformats or Data Portability is, but she still would love to have a future where she could setup a TV with her media preferences, thanks to a simple <a href="http://developers.facebook.com/connect.php">Facebook Connect</a> on a <a href="http://www.boxee.tv/">Boxee</a> device. That way, you don&#8217;t need to worry that she messes your remote when staying for the weekend.</p>
<p>With each consumer defining proper contexts, with new tools and better ways to manage their portable profiles, brands and services that encourage this open portability will get to build better behavioral approaches to this ubiquitous vision. The structural holes that will be detected once the data starts flowing will provide immense growth opportunities and gains in productivity, as each person starts connecting their networks with the appropriate context.</p>
<p><em>Cross posted at <a href="http://www.draftfcblog.com/">DraftfcBlog</a></em><br />
<em>Revised by <a href="http://andr3.net/blog/">Andr3</a></em></p>
<p><small>Illustration remixed from <a href="http://www.flickr.com/photos/magslhalliday/3244842078/">Mags </a>and <a href="http://www.flickr.com/photos/avalonstar/3344478113/">Bryan Veloso</a></small></p>
<p><small>You can also <a href="http://www.facebook.com/topic.php?uid=56728029436&amp;topic=8193">Discuss on the Facebook Page</a>. (See what i mean: the irony of writing this post ad inviting people to closed conversations) </small></p>
]]></content:encoded>
			<wfw:commentRss>http://www.asourceofinspiration.com/2009/03/31/social-portable-and-your-mom/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Progressive Enhancement with Flash</title>
		<link>http://www.asourceofinspiration.com/2009/02/28/progressive-enhancement-with-flash/</link>
		<comments>http://www.asourceofinspiration.com/2009/02/28/progressive-enhancement-with-flash/#comments</comments>
		<pubDate>Sat, 28 Feb 2009 17:12:52 +0000</pubDate>
		<dc:creator>Armando Alves</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Personal]]></category>
		<category><![CDATA[Presentation]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[accessibility]]></category>
		<category><![CDATA[enhancement]]></category>
		<category><![CDATA[riapt]]></category>

		<guid isPermaLink="false">http://www.asourceofinspiration.com/?p=1980</guid>
		<description><![CDATA[As promised, here&#8217;s the presentation from yesterday at RIApt AUG, on a 30 minutes talk about why you should care about Progressive Enhancement and how it can be applied to websites developed with the Flash platform. Progressive Enhancement with Flash View more presentations from Armando Alves. (tags: flash acessibility) The sample code (with SWFObject, SWFAddress [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.slideshare.net/armandoalves/progressive-enhancement-in-flash"><img src="http://www.asourceofinspiration.com/wp-content/uploads/2009/02/pef.jpg" alt="pef" title="pef" width="500" height="375" class="alignnone size-full wp-image-1981" /></a></p>
<p>As promised, here&#8217;s the <a href="http://www.slideshare.net/armandoalves/progressive-enhancement-in-flash">presentation</a> from yesterday at <a href="http://www.riapt.org/">RIApt</a> AUG, on a 30 minutes talk about why you should care about Progressive Enhancement and how it can be applied to websites developed with the Flash platform.</p>
<div style="width:425px;text-align:left" id="__ss_1083581"><a style="font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;" href="http://www.slideshare.net/armandoalves/progressive-enhancement-in-flash?type=presentation" title="Progressive Enhancement with Flash">Progressive Enhancement with Flash</a><object style="margin:0px" width="425" height="355"><param name="movie" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=pef-090228104124-phpapp01&#038;stripped_title=progressive-enhancement-in-flash" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slideshare.net/swf/ssplayer2.swf?doc=pef-090228104124-phpapp01&#038;stripped_title=progressive-enhancement-in-flash" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object>
<div style="font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;">View more <a style="text-decoration:underline;" href="http://www.slideshare.net/">presentations</a> from <a style="text-decoration:underline;" href="http://www.slideshare.net/armandoalves">Armando Alves</a>. (tags: <a style="text-decoration:underline;" href="http://slideshare.net/tag/flash">flash</a> <a style="text-decoration:underline;" href="http://slideshare.net/tag/acessibility">acessibility</a>)</div>
</div>
<p>The sample code (with SWFObject, SWFAddress and XSLT samples) is also available for <a href="http://www.asourceofinspiration.com/downloads/pef-code.zip">download</a>.</p>
<p>Update: As <a href="http://mindboosternoori.blogspot.com/">Marcos</a> rightfully <a href="http://friendfeed.com/e/b5a7e4dc-8e88-76ba-e2e1-60a231d5b976/Progressive-Enhancement-with-Flash/">points out</a>, the Slideshare link isn&#8217;t that &#8220;accessible&#8221;. So here&#8217;s a <a href="http://www.asourceofinspiration.com/downloads/pef-en.pdf">PDF</a> or <a href="http://www.asourceofinspiration.com/downloads/pef-en.odp">ODP</a> for download.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.asourceofinspiration.com/2009/02/28/progressive-enhancement-with-flash/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>24ways.org, a web design advent calendar</title>
		<link>http://www.asourceofinspiration.com/2008/12/27/24waysorg-a-web-design-advent-calendar/</link>
		<comments>http://www.asourceofinspiration.com/2008/12/27/24waysorg-a-web-design-advent-calendar/#comments</comments>
		<pubDate>Sat, 27 Dec 2008 11:39:48 +0000</pubDate>
		<dc:creator>Armando Alves</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[advent]]></category>
		<category><![CDATA[calendar]]></category>
		<category><![CDATA[tutorials]]></category>

		<guid isPermaLink="false">http://www.asourceofinspiration.com/?p=1800</guid>
		<description><![CDATA[During this month, some of the most established names in web design and development have been publishing a daily article at 24ways.org, keeping the tradition of previous years. From Jeffrey Zeldman to Drew McLellan (not to be mistaken with Drew from Marketing Minute), the 24 articles are one of the best web design resources created [...]]]></description>
			<content:encoded><![CDATA[<p>During this month, some of the most established names in web design and development have been publishing a daily article at <a href="http://24ways.org/">24ways.org</a>, keeping the tradition of <a href="http://24ways.org/2006">previous</a> <a href="http://24ways.org/2007">years</a>.</p>
<p><a href="http://24ways.org/"><img class="alignnone size-full wp-image-1801" title="24ways" src="http://www.asourceofinspiration.com/wp-content/uploads/2008/12/24ways.jpg" alt="24ways" width="500" height="254" /></a></p>
<p>From Jeffrey <a href="http://zeldman.com/">Zeldman</a> to <a href="http://allinthehead.com/">Drew McLellan</a> (not to be mistaken with Drew from <a href="http://www.drewsmarketingminute.com/">Marketing Minute</a>), the 24 articles are one of the best web design resources created this year, with solid tips from beginner to advanced for web professionals or just to impress your friends.</p>
<p>Highlights to the articles by <a href="http://jasonsantamaria.com/">Jason Santa Maria</a> on <a href="http://24ways.org/2008/making-modular-layout-systems">Making Modular Layouts</a> and a <a href="http://24ways.org/2008/art-directing-with-looking-room">art direction</a> beginner class by <a href="http://www.markboulton.co.uk/">Mark Boulton.</a> A <a href="http://edgeofmyseat.com/">edgeofmyseat.com</a> production, it was edited by <a href="http://allinthehead.com/">Drew McLellan</a> and <a href="http://suda.co.uk/">Brian Suda</a>, with design by <a href="http://madebyelephant.com/">Made by Elephant</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.asourceofinspiration.com/2008/12/27/24waysorg-a-web-design-advent-calendar/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Scope Creep</title>
		<link>http://www.asourceofinspiration.com/2008/11/21/scope-creep/</link>
		<comments>http://www.asourceofinspiration.com/2008/11/21/scope-creep/#comments</comments>
		<pubDate>Thu, 20 Nov 2008 23:27:26 +0000</pubDate>
		<dc:creator>Armando Alves</dc:creator>
				<category><![CDATA[Interactive]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[creep]]></category>
		<category><![CDATA[management]]></category>
		<category><![CDATA[project]]></category>
		<category><![CDATA[scope]]></category>

		<guid isPermaLink="false">http://www.asourceofinspiration.com/?p=1686</guid>
		<description><![CDATA[Meet John Scope and Emma Creep. Scope is tidy and well structured, with nothing disturbing his world order. He completes his duties on a very efficient and resourceful way.  And even if we scramble their world view, things dont fall apart. On the other hand, Mrs. Creep is quite flashy, very liberal and never stays [...]]]></description>
			<content:encoded><![CDATA[<p>Meet John Scope and Emma Creep.</p>
<p><img class="alignnone size-full wp-image-1688" title="scopecreep" src="http://www.asourceofinspiration.com/wp-content/uploads/2008/11/scopecreep.jpg" alt="" width="475" height="316" /></p>
<p>Scope is tidy and well structured, with nothing disturbing his world order. He completes his duties on a very efficient and resourceful way.  And even if we scramble their world view, things dont fall apart.<br />
On the other hand, Mrs. Creep is quite flashy, very liberal and never stays too long on the same place. She loves to please her friends and clients, even though she doesn&#8217;t succeed every time.<br />
Here&#8217;s our <strong>Scope Creep</strong> couple, a vision of what goes on in interactive projects.</p>
<p><strong>Scope</strong> starts at the activity definition, with an overview of required resources. It then continues to create the processes that are agreed among all parts towards a final goal.<br />
And then comes the <strong>Creep</strong>, with the chance of being hit by last minute change requests, way beyond the initial briefing or suddenly being confronted with a reality that wasn&#8217;t present as the project started.</p>
<p>Scope creep usually happens when the initial requirements and resources are incorrectly defined or when unforeseen changes and tasks appear along the project, requiring new functional adjustments and project rescheduling.<br />
The saddest truth, at least for interactive projects, is that scope creep is bound to happen. There&#8217;s no sure way to avoid it, but one could start by finding out why it happens, instead of just focusing on the final project stages (with programmers or producers getting all the blame), where each change requires a profound restructuring of what&#8217;s been developed beforehand, whether it&#8217;s animation, programing, rendering, etc.<br />
The most reasonable approach to scope creeping in web projects is to focus on the whole process, instead of the individual .</p>
<h3>How to deal with Scope Creep?</h3>
<p>We start with risk analysis, a rather common technique in project management, establishing the details before the project gets started and actually produced. But with more complex projects, the greater this risk analysis becomes. On what interactive projects are concerned, the complexity gets really huge. The web has only 10 years but it&#8217;s constantly changing, with teams having to deal with several different browsers, platforms and a variety of programming languages and product release cycles of months, if not weeks or days.<br />
Keeping the pace with all this innovation, with lack of talented or trained team collaborators and still being able to deliver projects on short schedules is a challenge that many agencies and digital studios face these days. On top of that, the constant stream of change requests and approval process are wearing out interactive teams.</p>
<p>John Scope could try to get things right by setting a project duration in regards to historical records, but that just doesn&#8217;t work. No two projects are the same, no two clients are the same, no two programmers or web designers are the same. He might also try some fancy new techniques like <a href="http://en.wikipedia.org/wiki/Scrum_(development)">SCRUM</a>, and while it might work for some teams, it&#8217;s really just dividing bigger problems into smaller ones so they get more manageable.<br />
Web projects don&#8217;t seem to have a way out of the rabbit hole, as long as the creative process is based on visual comps, storyboards and those pesky JPEGs sent for client approval.</p>
<h3>Integrating and early planning</h3>
<p>I stand with 37 Signals, and their <a href="http://www.37signals.com/svn/posts/1061-why-we-skip-photoshop">&#8220;no-Photoshop&#8221; approach</a>, using fast prototyping and wireframing on web applications and services. Focus on functionality, not visuals. Worry about what really brings changes on the process, not what is the result of the process. Unless creative agencies start rethinking their silos there&#8217;s no way out of scope creep. These days, most RIAs have drag and drop capabilities, Rich text editors or javascript libraries that can bring a client or creative into the production process to perform live edits, shortening the iterative release cycles.<br />
This process also empowers other project members, presenting them tools and concepts that they were not aware of.</p>
<p>And before writing the first line of code, be sure that all interested agents have the same expectations regarding the final product. The earlier you do it, the earlier you&#8217;ll finish it. And have it written, with client, agency and production team with one common agreed goal.</p>
<p>It&#8217;s hard, it requires everyone&#8217;s commitment, but once we get in the flow, i&#8217;m sure you&#8217;ll make John Scope and Emma Creep happier.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.asourceofinspiration.com/2008/11/21/scope-creep/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using disk: enhanced
Database Caching 1/46 queries in 0.773 seconds using disk: basic
Object Caching 552/681 objects using disk: basic

Served from: www.asourceofinspiration.com @ 2012-02-09 14:19:16 -->
