Technology blog oriented towards good design and impressive web applications.

IdleTogether Home

Incrementing htmlText on a Spark TextArea in Flex 4

by Nicolas Noben

The property ‘htmlText’ is gone in spark TextArea. It was obviously making life too easy ;)

A work around is to use the spark.utils.TextFlowUtil and shove the html code in it. It formats it for TextArea to display.

This example goes a step further and shows how to add more to an existing TextArea with HTML in it.

// Required: spark.utils.TextFlowUtil
// output is a <s:TextArea />

output.textFlow = TextFlowUtil.importFromString(output.text + htmlSourceToAdd + "<br />");

Twitter pictures posted live (via twitpic)

by Nicolas Noben

“Shit people post on twitter” is a 10h experiment I wrote that uses the twitpic api and twitter api to pull all the photos that are posted on twitter LIVE.

It’s very entertaining and often NSFW, always fun. In fact I do sit in front of it for a while without really noticing time flying by.

Enjoy watching twitter photos posted live

photos people post on twitter twitpic live.jpg


Reduce CPU usage in Air applications

by Nicolas Noben

arno.org has a great article on how to reduce the CPU usage in your air apps. The meat of it is essentially not using ENTER_FRAME (duh), and more interestingly dropping the framerate to once every 10 seconds (0.1) once the air application goes in the background (minimized/hidden).

Read the full article at arno.org


The case for a great CAPTCHA idea: Rotate the image

by Nicolas Noben

Here is a great concept for a CAPTCHA.

The ROTCAPTCHA (PDF, 1.4MB).

It’s a CAPTCHA based on image orientation.

The ROTCAPTCHA system requires users to adjust randomly rotated images to their upright position. This is a task most people will be familiar with given the state of early digital cameras, etc.

This system has many advantages, such as being language independent and support many input sources.

Picture 1.png


yooouuutuuube

by Nicolas Noben

Brilliant. Why didn’t I think of that? yooouuutuuube.com


Google Tv ad platform

by Nicolas Noben

With the google TV Ad platform, learn how google makes use of the data it uses and how it’s all about the initial audience retained (%IAR).

Via the Google Blog.


Rolando 2 for iphone is looking slick

by Nicolas Noben

Via kotaku


JSWOOF - A faster JSON encoder decoder for Flex

by Nicolas Noben

JSWOOF is a pretty neat JSON parser. It’s lightweight and about a third faster than the corelib JSON encoder/decoder.


Database of snippets of code for AS3

by Nicolas Noben

Here is a great little site I stumbled upon today.

It’s called java2s and it’s basically example source code (snippets) of many languages, organized by topic.

Here is the Flex / Flash / Actionscript category.

Do you know other ones (categorized)? If so, let us know.

snippets-code-flex-as3-flash.jpg


Class to Open object(s) from file with Flex in Air

by Nicolas Noben

Before, I wrote about How to save one or more objects to file using this class.

Today it’s time to read it and bring back the object in Flex.

The class

package com.idletogether
{
	import flash.events.Event;
	import flash.filesystem.*;

	public class Opener
	{
		public static var file:File;

		public static function openFile() :void
		{
			file = new File();
			file.addEventListener(Event.SELECT, dirSelected);
			file.browseForOpen('');
		}

		public static function dirSelected(e:Event) :void
		{
			// this will be our object back
			var dat:Object = new Object();

			var fileStream:FileStream = new FileStream();
			fileStream.open(file, FileMode.READ);
			dat = fileStream.readObject();
			fileStream.close();

			some.object = dat.data;
			some.other.object = dat.structure;
		}

	}
}

How to use it

Simply…

import com.idletogether.Opener;
Opener.openFile();

This example is very basic, but it is kept simple for the sake of being easy to understand. From there you can build up a much more tailored system. This should get you started.

Use the Expressions panel of Flex and add a ‘watch’ to the variable ‘dat’ to see what came back in and if it is in good form.

HTH,
Cheers.


Class to Save object(s) to file with Flex in Air

by Nicolas Noben

The class

Feel free to use it for free or commercial projects.

package com.idletogether
{
	import flash.events.Event;
	import flash.filesystem.*;

	public class Saver
	{
		public static var file:File;

		public static function saveToFile() :void
		{
			// pick an unused extension
			file = new File("/filename.ext");
			file.addEventListener(Event.SELECT, dirSelected);
			file.browseForSave('');
		}

		public static function dirSelected(e:Event) :void
		{
			// this object will get saved to the file
			var dat:Object = new Object();

			dat.data = some.object;
			dat.structure = some.other.object;

			var fileStream:FileStream = new FileStream();
			fileStream.open(file, FileMode.WRITE);
			fileStream.writeObject(dat);
			fileStream.close();
		}
	}
}

How to use it

It’s a static method to be called so, simply…

import com.idletogether.Saver;
Saver.saveToFile();

This will prompt the user to pick a destination and will suggest the file name “filename.ext”.

Please note that you can’t save DisplayObjects straight to file using writeObject. It’s a limitation.

From here, find out how to get the object back into flex in the next post.

HTH,
Cheers.


Apply drop shadow to text at runtime with Flex in MXML

by Nicolas Noben

A quick and easy one but I always end up looking for it and not finding it easy.

<mx:DropShadowFilter id="dropShaText" distance="1" angle="45" blurX="0" blurY="0" alpha="1" color="0x111111" />
<mx:Label text="Hello world" filters="{[dropShaText]}" />

font-drop-shadow-flex.png


Twitter Search becomes the new Google for 0-day news & reviews

by Nicolas Noben

2755v2-max-150x150.pngTechcrunch has a very good article about Twitter and its new position on the market of search engines.

Essentially when a news breaks out or a product is being launched, Google will take several days to aggregate the information said about it, while Twitter Search can reveal nearly instant opinions.

The barriers is also lower as a Twitter account takes a lot less maintenance than a blog account. Writing a post on Twitter can be done while on the phone and virtually takes no time.

However, because it is instant feedback, it also implies that the ‘review’ of the news, product or subject in the tweet is obviously right off the bat, and might not be polished / thought about. People could change their opinion and post again in 10 mins.

Twitter, which I used to hate, is starting to take a very important place on the net and I’m mature enough to admit it and embrace it. That said, it is still a gezillion of idiots fantasizing about their life, writing about their pets or the latest battlestar.


Bespin - Web-based code editor from Mozilla

by Nicolas Noben

bespin-code-editor-online-web-2.0.pngMozilla Labs is working on a new project called Bespin. It’s a web-based code editor and it looks promising. It will eventually allow participants to collaborate on the same files straight from their browser.

The project is at a very early stage but it already looks solid.

It doesn’t do much at the moment but they’re confident that Bespin will eventually be highly extensible and easily accessible to users.

More info in this post and here.

Bespin screenshot mozilla.png


Digg Mob - Observing the mob live

by Nicolas Noben

Digg Mob talk live.pngThe Digg Mob experiment is a flash application that follows the comment as they are posted lived on Digg, regardless of the post.

It’s freaky to see that there are comments posted every 2-3 seconds, sometimes faster.

The app is beta but it’s browsable. Each comment is shown on one line and is clickable. From there you can read the blurb about the Digg post and/or visit the site straight from Digg Mob.

Digg mob comments live api.jpg


Flash / Flex / AIR Development Adelaide - Freelance Available…

by Nicolas Noben

senior-flash-flex-webapplication-ria-development-freelance-australia.pngJust a quick personal update. I’m in the process of going Freelance in Adelaide for Flash development and Flex development.

If you need or know someone who needs a senior Flash/Flex/AIR developer with experience, please don’t hesitate to forward my details.

I’m open for freelance and contract work, remotely or on location anywhere in Australia.

I’ve been developing and designing websites and web applications since the late 90ies and I’ve been full-time Flash-ist for 6 years. I started as a Web Designer. With experience on both sides, I manage my time efficiently and take care of a project from specifications to deployment.

Cheers
Nicolas


Adobe launches the Adobe AIR™ Market Place

by Nicolas Noben

Today Adobe announced the launch of the Adobe Air Market Place. It’s a new website supposed to help the promotion of Adobe Air applications and to highlight them for sale.

It’s not an Apple app store, for sure, but it should help promote your Air applications out there.

Picture 5.jpg


Working through Screens

by Nicolas Noben

Working through Screens: 100 Ideas for Envisioning Powerful, Engaging, and Productive User Experiences in Knowledge Work.

It’s not the easiest read, but it has some great insight, and hey, can’t beat a free ebook.

Picture 4.jpg

Picture 3.jpg


Obsessing - web based processing sandbox

by Nicolas Noben

obsessing.pngThanks Ollie for this one. Obsessing is a web based processing sandbox.

Beta features will include real-time error checking, code-completion, import, export, tabs, and saving to Amazon s3.

Still in heavy beta.

Picture 10.jpg


SpatialKey: Heat mapping application

by Nicolas Noben

Spatialkey let’s you overlay data on a map. Really cool.

Picture 3.jpg



« There is more!