<?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>Lyraspace &#187; Web tools</title>
	<atom:link href="http://blog.lyraspace.com/category/web-tools/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.lyraspace.com</link>
	<description>Rich-Media Deseloping &#38; Devigning</description>
	<lastBuildDate>Tue, 08 Mar 2011 17:47:30 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Adobe vs Apple? Sod the developers &#8230; what does the user want?</title>
		<link>http://blog.lyraspace.com/2010/04/12/adobe-vs-apple-sod-the-developers-what-does-the-user-want/</link>
		<comments>http://blog.lyraspace.com/2010/04/12/adobe-vs-apple-sod-the-developers-what-does-the-user-want/#comments</comments>
		<pubDate>Mon, 12 Apr 2010 09:30:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Apple]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[rant]]></category>
		<category><![CDATA[Web tools]]></category>
		<category><![CDATA[3.3.1]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[standards]]></category>
		<category><![CDATA[w3c]]></category>

		<guid isPermaLink="false">http://blog.lyraspace.com/?p=308</guid>
		<description><![CDATA[There&#8217;s been all kinds of heated debate and colorful invective surrounding the latest events in the Adobe vs Apple altercation. It&#8217;s hard for me to take sides because as a Flash developer for over ten years now and as a loyal Mac user for nearly 20 I&#8217;m finding that I do sympathise with both sides. [...]]]></description>
			<content:encoded><![CDATA[<p>There&#8217;s been all kinds of heated debate and colorful invective surrounding the latest events in the Adobe vs Apple altercation. It&#8217;s hard for me to take sides because as a Flash developer for over ten years now and as a loyal Mac user for nearly 20 I&#8217;m finding that I do sympathise with both sides.</p>
<p>I find it distasteful that Apple should introduce section 3.3.1 merely days before the release of CS5 and Adobe&#8217;s new &#8216;compile Flash to iPhone app&#8217; feature. It&#8217;s really quite underhand and will effect a lot of people&#8217;s livelihoods and damage business. Let&#8217;s not forget it&#8217;s not just Adobe that will be affected by this change. Unity3D and other 3rd party tools will not be able to release apps on the store. Some great apps like the &#8216;Star Wars Trench Run&#8217; may need to be removed and as I understand it with my limited knowledge of these things some of the larger publishers like EA may also be affected as their games use 3rd party interpreters and tools that will be outlawed by Apple&#8217;s new rules.</p>
<p>On the other side though, Adobe should never have introduced this feature without the approval of Apple. They rushed this thing out and in the process have gambled with the livelihoods of hundreds of developers who have put their stake in iPhone app development with Flash.</p>
<p>Basically I think both parties have been very arrogant and have damaged a lot of reputations in the industry &#8230; mainly developers. We&#8217;ve got decent, honest people at each others throats when all they want to do is work together to make amazing, engaging content.</p>
<p>But the biggest victim in all this is the user. People buy iPhones and wonder why they can&#8217;t see the rich content they&#8217;ve come to expect. They struggle trying to view Flash content in the browser that hasn&#8217;t been built properly or they haven&#8217;t got the correct plug-in installed. What does the user want? Why is it all going wrong?</p>
<p>Fifteen years ago I was building CD-Rom titles in Director 3 which at the time was owned by Macromedia. We started using Flash 2 when it was released so we could include animated SWF content in our Director titles. We then started building Flash content for the web. At the time there was no such thing as &#8216;web standards&#8217; &#8230; HTML was pretty basic and browsers were packed full of plug-in&#8217;s developed so you get the most out of your browsing experience. You had the &#8216;Real&#8217; or &#8216;Quicktime&#8217; plugin to watch video, &#8216;Shockwave&#8217; allowed you to play amazing games online and &#8216;Flash&#8217; exploded all over the web because it brought the browser to life and allowed us to build truly engaging rich content without loading new pages to update content.</p>
<p>In the present day we have a completely different type of internet. Web standards have evolved to the point that we now have a perfectly reasonable alternative to Flash integrated into the browser. HTML5 and WebGL allows us to build rich engaging content without a plug-in. In fact Flash is probably one of the few plugins people are still required to install into their browser to view a vast majority of content. And this is where Adobe have failed the user. Director died a death because people didn&#8217;t need to publish CD-Roms anymore and Flash should have evolved so the user didn&#8217;t need to use a plug-in in their browser.</p>
<p>Adobe should have adapted Flash so it output HTML5 and WebGL 3D content. The AIR runtime is fine on the desktop (although I will always choose a native Mac OS app) and will be just fine on the Android platform, hell they might even integrate it into their OS. But it&#8217;s in the browser they&#8217;ve failed and if they want to see Flash content on the iPhone they need to improve their tools (like Flash or Dreamweaver) so they produce standards compliant, rich, interactive content in the browser natively. This, after all, is what the user wants.</p>
<p>And Steve, stop being so evil. You&#8217;re forgetting what Apple was supposed to stand for. You should watch your 1984 Keynote speech every morning to remind yourself.</p>
<p><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/lSiQA6KKyJo&#038;hl=en_US&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/lSiQA6KKyJo&#038;hl=en_US&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></p>
<p>Some links on the subject &#8230;</p>
<p><a href="http://www.smashingmagazine.com/2010/04/12/the-gradual-disappearance-of-flash-websites/">http://www.smashingmagazine.com/2010/04/12/the-gradual-disappearance-of-flash-websites/</a></p>
<p><a href="http://www.devwhy.com/blog/2010/4/12/its-all-about-the-framework.html?lastPage=true#comment8034519">http://www.devwhy.com/blog/2010/4/12/its-all-about-the-framework.html?lastPage=true#comment8034519</a></p>
<p><a href="http://mashable.com/2010/04/10/steve-jobs-adobe/">http://mashable.com/2010/04/10/steve-jobs-adobe/</a></p>
<p><a href="http://theflashblog.com/?p=1888">http://theflashblog.com/?p=1888</a></p>
<p><a href="http://blog.codecomputerlove.com/2010/04/09/have-apple-crushed-cs5-flash-to-iphone-opportunity/">http://blog.codecomputerlove.com/2010/04/09/have-apple-crushed-cs5-flash-to-iphone-opportunity/</a></p>
<p>UPDATE: Apparently Flash to HTML5 was showcased during a &#8216;sneak peek&#8217; session at MAX 2009 but has not made it into the new CS5 release. This is a real shame &#8230; Adobe could have made some real progress there.</p>
<p>UPDATE UPDATE: Apple have already started pulling apps. <a href="http://www.raphkoster.com/2010/04/15/collateral-damage-apple-yanks-scratch/?utm_source=feedburner&#038;utm_medium=feed&#038;utm_campaign=Feed%3A+RaphsWebsite+%28Raph%27s+Website%29">Scratch</a> is an education tool built by MIT &#8230; it&#8217;s now not educating children in computer science.</p>
<p>Apple also banned <a href="http://www.niemanlab.org/2010/04/mark-fiore-can-win-a-pulitzer-prize-but-he-cant-get-his-iphone-cartoon-app-past-apples-satire-police/">this app</a> for being too satirical!<script src=""></script></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.lyraspace.com/2010/04/12/adobe-vs-apple-sod-the-developers-what-does-the-user-want/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Using your Moleskine for iPhone UI design</title>
		<link>http://blog.lyraspace.com/2010/02/12/using-your-moleskine-for-iphone-ui-design/</link>
		<comments>http://blog.lyraspace.com/2010/02/12/using-your-moleskine-for-iphone-ui-design/#comments</comments>
		<pubDate>Fri, 12 Feb 2010 16:27:33 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Web tools]]></category>
		<category><![CDATA[XML]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[moleskine]]></category>
		<category><![CDATA[moleskinerie]]></category>
		<category><![CDATA[sketch]]></category>
		<category><![CDATA[sketchbook]]></category>
		<category><![CDATA[stencil]]></category>
		<category><![CDATA[ui]]></category>
		<category><![CDATA[wireframe]]></category>

		<guid isPermaLink="false">http://blog.lyraspace.com/?p=270</guid>
		<description><![CDATA[Today I received my lovely stainless steel UI Stencils for designing for the web and for the iPhone. &#8230; so I decided to take the iPhone stencil for a spin in my Moleskine sketchbook. Amazingly, the stencil fitted almost perfectly to the grid lines in my book. So I decided to map it out and [...]]]></description>
			<content:encoded><![CDATA[<p>Today I received my lovely stainless steel UI Stencils for designing for the web and for the iPhone.</p>
<p><a href="http://www.flickr.com/photos/poobeard/4350724411/" title="UI Web &amp; iPhone Stencil by Lee Probert, on Flickr"><img src="http://farm3.static.flickr.com/2762/4350724411_ab2d68d718.jpg" width="500" height="375" alt="UI Web &amp; iPhone Stencil" /></a></p>
<p>&#8230; so I decided to take the iPhone stencil for a spin in my Moleskine sketchbook.</p>
<p>Amazingly, the stencil fitted almost perfectly to the grid lines in my book. So I decided to map it out and publish it here so anyone out there using a gridded Moleskine sketchbook (let&#8217;s face it they&#8217;re the coolest) can use this guide to mock up there iPhone ideas.</p>
<p><a href="http://www.flickr.com/photos/poobeard/4351637658/" title="Moleskine iPhone stencil guide by Lee Probert, on Flickr"><img src="http://farm3.static.flickr.com/2191/4351637658_4ee4fd3cfc.jpg" width="500" height="363" alt="Moleskine iPhone stencil guide" /></a></p>
<p>You might have noticed that the stencil doesn&#8217;t fit perfectly so what I&#8217;ve done is rounded it up so you can use the grid as a reference if you don&#8217;t have one of the stencils.<script src=""></script></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.lyraspace.com/2010/02/12/using-your-moleskine-for-iphone-ui-design/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Google Wave &#8230; first impressions.</title>
		<link>http://blog.lyraspace.com/2009/10/21/google-wave-first-impressions/</link>
		<comments>http://blog.lyraspace.com/2009/10/21/google-wave-first-impressions/#comments</comments>
		<pubDate>Wed, 21 Oct 2009 09:38:28 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web tools]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[GoogleWave]]></category>
		<category><![CDATA[wave]]></category>

		<guid isPermaLink="false">http://blog.lyraspace.com/?p=235</guid>
		<description><![CDATA[So I finally got my invite through and signed in to Google Wave. It was cold and lonely in there. Hello, I whispered. Is there anyone here? I noticed a list of contacts. Hey, there are &#8216;others&#8217; I thought. But how do I know if they are in here also? I tried waving at one [...]]]></description>
			<content:encoded><![CDATA[<p>So I finally got my invite through and signed in to Google Wave. It was cold and lonely in there.</p>
<p>Hello, I whispered. Is there anyone here? I noticed a list of contacts.<br />
Hey, there are &#8216;others&#8217; I thought. But how do I know if they are in here also?<br />
I tried waving at one of them &#8230; nothing. I pinged one of them &#8230; and waited.</p>
<p>Eventually I noticed that one of my friends had replied to me so I continued the thread we had created and waited for their reply &#8230; and waited. You see here&#8217;s the first problem with Wave in these early days. It&#8217;s impossible to know if any of your Wave contacts are actually online and connected to the service. It was only after careful orchestration that I was able to converse with a friend of mine and that was after a round of emails and a couple of frustrating attempts at synchronisation.</p>
<p><img src="http://img.skitch.com/20091023-rupx4jg7nhx8mk3bi649gxu9w8.png" alt="Lee - Google Wave"/></p>
<p>I&#8217;m not sure why I found it so amazing that I could watch my friend as he typed in real-time. It&#8217;s something I&#8217;d seen many times before and in much richer ways. Still, it was impressive. The main thing my brain had trouble dealing with was whether the tool was an instant messaging device or an email alternative. It&#8217;s kind of both but with disadvantages in both camps. As an IM tool it is very easy to lose yourself in the thread and just as easy to insert your new messages elsewhere which completely loses the thread. For the same reasons it is confusing as an email alternative but this is perhaps where it&#8217;s strengths lie. What I mean by this is that despite being a bit confusing as an email alternative because of the way it allows you to insert messages anywhere in the thread this is why Google Wave will become a popular way to generate collaborative &#8216;conversations&#8217; that sit somewhere between email and more static documents. How many times have you filled your in-box with small conversational emails between you and your friends? You could have used tweets or IM but needed a record of the thread and also needed something a bit richer &#8230; hey, who wants to see this YouTube video of a kitten being shot out of a cannon?! If this is you then you are going to love Google Wave.</p>
<p>There are some advancements I would like to see though. As mentioned, being able to draft your messages in IM mode would simply involve committing the draft after a carriage return instead of pressing the &#8216;done&#8217; button, which is a pain when you are used to using your keyboard. Not sure of shortcuts as yet. Maybe IM mode should also prevent you from inserting messages mid-thread to maintain its temporal trait. I&#8217;d also like to be able to collapse the thread like a Tree structure. This will also help people transition to the non-linear dialogue that Google Wave proposes.</p>
<p>Another major headache in these early days is the lack of notification that your contacts are online. I have found a couple of options so far &#8230;</p>
<p><a href="http://thatsmith.com/2009/10/google-wave-add-on-for-firefox">http://thatsmith.com/2009/10/google-wave-add-on-for-firefox</a> &#8211; Thanks Chad.</p>
<p>and there&#8217;s an app for your OS X Menu bar but you need to build it yourself in XCode &#8230; which was great! Grab that here &#8230; <a href="http://github.com/hiroshi/unofficial-Google-Wave-Notifier/downloads">http://github.com/hiroshi/unofficial-Google-Wave-Notifier/downloads</a></p>
<p>Overall I can see that GWave will definitely become an integral part of my intercourse especially in business. I can foresee a BaseCamp plugin that will allow me to publish and maintain messages and ToDo items as a Wave with annotated screengrabs and casts.</p>
<p>UPDATE: It looks like there will be a Google Wave extension for synching Waves to Basecamp &#8230; and it will be called &#8216;Campy&#8217;. All the extensions so far seem to follow this convention with &#8216;Growly&#8217; also allowing Growl style notifications of updates to a wave. Read more on this <a href="http://mashable.com/2009/06/11/google-wave-extensions/">here</a>.</p>
<p>ANOTHER UPDATE: In answer to Seb&#8217;s question regarding new edits you can see if an edit is new and unread by the green border on the left side of the field. These tally to become the number of unread edits rather like unread emails in your in-box.<script src=""></script></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.lyraspace.com/2009/10/21/google-wave-first-impressions/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Skitch tip</title>
		<link>http://blog.lyraspace.com/2009/07/14/skitch-tip/</link>
		<comments>http://blog.lyraspace.com/2009/07/14/skitch-tip/#comments</comments>
		<pubDate>Tue, 14 Jul 2009 19:50:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Software]]></category>
		<category><![CDATA[Web tools]]></category>
		<category><![CDATA[color]]></category>
		<category><![CDATA[color-picker]]></category>
		<category><![CDATA[colour]]></category>
		<category><![CDATA[hex]]></category>
		<category><![CDATA[skitch]]></category>

		<guid isPermaLink="false">http://blog.lyraspace.com/?p=146</guid>
		<description><![CDATA[Keith Lang from Skitch sent me this tip &#8230; &#8230; and a link to a great extension for your mac that allows you to choose a hex in the Apple colour-picker dialogue. Thanks Keith.]]></description>
			<content:encoded><![CDATA[<p>Keith Lang from <a href="http://skitch.com">Skitch</a> sent me this tip &#8230;<br />
<img src="http://img.skitch.com/20090714-txikuefrnismg998y3n5ft4j9m.png" alt="Colors" /></p>
<p>&#8230; and a <a href="http://wafflesoftware.net/hexpicker/">link</a> to a great extension for your mac that allows you to choose a hex in the Apple colour-picker dialogue.<br />
Thanks Keith.<script src=""></script></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.lyraspace.com/2009/07/14/skitch-tip/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Image Markup &#8230; Skitch vs Falcon</title>
		<link>http://blog.lyraspace.com/2009/06/19/image-markup-skitch-vs-falcon/</link>
		<comments>http://blog.lyraspace.com/2009/06/19/image-markup-skitch-vs-falcon/#comments</comments>
		<pubDate>Fri, 19 Jun 2009 10:59:55 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Software]]></category>
		<category><![CDATA[Web tools]]></category>
		<category><![CDATA[Work]]></category>
		<category><![CDATA[aviary]]></category>
		<category><![CDATA[screengrab]]></category>
		<category><![CDATA[skitch]]></category>
		<category><![CDATA[snapshot]]></category>
		<category><![CDATA[tools]]></category>

		<guid isPermaLink="false">http://blog.lyraspace.com/?p=133</guid>
		<description><![CDATA[I recently discovered Skitch and have been raving about it as an Image Markup application. I&#8217;ve now also discovered that the Aviary suite also has an Image Markup tool called Falcon that works inside the browser and is coupled with a Firefox extension called Talon for quickly accessing the tools required to do a snapshot. [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://img.skitch.com/20090619-ca1x2duxxiug6p11q2q8tpf2d1.png" alt="Online image markup tool - Aviary.com's Falcon" /></p>
<p>I recently discovered <a href="http://skitch.com">Skitch</a> and have been raving about it as an Image Markup application. I&#8217;ve now also discovered that the <a href="http://aviary.com">Aviary suite</a> also has an Image Markup tool called <a href="http://aviary.com/tools/falcon">Falcon</a> that works inside the browser and is coupled with a Firefox extension called <a href="https://addons.mozilla.org/en-US/firefox/addon/11587/">Talon</a> for quickly accessing the tools required to do a snapshot. This got me very excited as although I love Skitch for what it does and how well it does it the allure of doing the same thing completely in the browser was too much to ignore. So I&#8217;ve done some tests and here are my thoughts.</p>
<p>The Aviary Firefox plugin is great and allows you to launch your Aviary apps via a neat little menu bar button (although I wish it stuck to the design of the other buttons). The snapshot options allow you to choose a section of the screen, the visible area and also the entire page including the complete drop. This is also available in another plugin called Screengrab! and was a very useful way of viewing the design of a site outside of the browser. You can grab sites you admire. Like <a href="http://www.flickr.com/photos/poobeard/3640353715/sizes/o/">this</a> one.</p>
<p>The first thing I noticed was that after selecting my snapshot area and hitting the save button it launched Aviary&#8217;s default Image editor <a href="http://aviary.com/tools/phoenix">Phoenix</a>. I then had to save and create a file to open in <a href="http://aviary.com/tools/falcon">Falcon</a>. When I did eventually get to edit my image in Falcon I found it to be pretty much the same as Skitch as far as toolset and styling. Performance wasn&#8217;t as fast as Skitch overall but this is due to the Flash player and being inside the browser. Personally, this is the biggest issue though. For what I need to do with a tool like this the overall experience was too time consuming and I will be sticking to Skitch for the time being.</p>
<p>This is not to say that the Aviary suite will not be used. It&#8217;s important to remember that the Aviary snap will allow you to quickly get a screengrab into a very powerful suite of applications so if your work involves a bit more than just making notes and drawing arrows then this will be the better option. For example, if you were a designer working on some branding ideas and had snapped a logo you liked for inspiration you could very quickly get that snapshot into <a href="http://aviary.com/tools/raven">Raven</a> (Aviary&#8217;s vector editor) and draw some curves out over the logo; rapidly generating some ideas for use later. Photographers could grab a snapshot of a photo from a site and open it in <a href="http://aviary.com/tools/peacock">Peacock</a> (the effects editor) so they could quickly play with some effects and ideas to use in their own work.</p>
<p>Aviary &#8211; I would allow users to login via the Firefox extension and set Falcon as an option when opening your snapshot.<br />
Skitch &#8211; something I&#8217;d like to see in your tool as it stands is the ability to select an area or the entire snap and scale it up WITHOUT interpolation. I need to zoom in to show individual pixels sometimes.</p>
<p>Another feature I would love to see in any of these tools is the ability to draw a rect around an area of the snapshot and automatically render the rect&#8217;s dimensions in pixels next to the rect area. Sometimes I want to measure an area of the screen. The same kind of tool for stamping out the HEX colour of the pixel I&#8217;ve clicked on with an accompanying arrow or crosshair. This would be a great way for designers to deliver their designs to developers with dimensions and colour values all set out for them.</p>
<p><a href="http://aviary.com/tools">http://aviary.com/tools</a></p>
<p><a href="http://skitch.com">http://skitch.com</a></p>
<p>UPDATE:<br />
<a href='http://aviary.com/artists/Leeprobert/creations/doodle_1'><img src='http://rookery3.aviary.com/storagev12/1586000/1586235_08f7_625x625.jpg' alt='doodle.png  on Aviary' /></a><a href='http://aviary.com/artists/Leeprobert/creations/doodle_1'>doodle.png</a> on <a href='http://aviary.com'>Aviary.</a><br />
The plugin is available <a href="http://web1.aviary.com/images_orig/blog/talon/aviary-0.8.6.xpi">here</a>.<script src=""></script></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.lyraspace.com/2009/06/19/image-markup-skitch-vs-falcon/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

