Aug 07

Today, we have officially started the ticket sales for The Actionscript Conference.

The price for The Actionscript Conference is $60 until 1st October, which will include lunch, delegate bag and access to post-event party, and of course, many interesting sessions that the invited speakers will be talking about. 25 tickets has been sold in a day and that is very encouraging to us!

Whether you are in Singapore, or nearby countries like Malaysia , Thailand and Philippine, we welcome you to join us! Reserve your ticket today!

I will also be heading to SgDotNet Usergroup Meeting tomorrow to spread the event to the .NET users (in fact, the backend of the TAC registration runs on asp.net).

For those who wish to meet the organizers and the usergroup, learn about BlazeDS and Gaia Framework, feel free to join us at Yahoo! next week by RSVP here. There are just a few seats left at the time of this posting so do reserve one now.

Ciao~

Jun 13

In this episode, we talk about how you can create programmatic skinning in your Flex components

Video:

Related Files:
https://share.acrobat.com/adc/document.do?docid=539adfa2-738a-45d5-ac44-5e1b7201b200

Related Link:
Designing Flex 3 skins and styles using Creative Suite 3 and Flex Builder 3

Jun 13

The Seesmic Wordpress Plugin is a plugin which allows you to do video commenting on your blogs. Ever since its launch, it has been integrated into Disqus as well as released its API for other developers to integrate into their system.

 

Today, the plugin make its way into the Wordpress Plugin directory, which you can download it at http://wordpress.org/extend/plugins/seesmic-wp/

I am very excited to have played a part in coding the plugin, and thus I am very happy at where it has actually being installed  and the good feedbacks of it. Definitely keep my coding flames burning!

May 21

In today’s episode we talk about how to use Google Maps AS3 API in Flex
Video:

Sample Files:
The above example are taken from google maps as3 page:
http://code.google.com/apis/maps/documentation/flash/intro.html

Resources
Developing for localhost:http://nwebb.co.uk/blog/?p=194
ClientGeocoder bug: http://nwebb.co.uk/blog/?p=198

May 20

Chain Events in Cairngorm allow you to chain up a series of Caingorm Events. This is especially useful when you are using a series of webservices and you need the results from the preceding one to execute the next one

Another example will be you need to execute a command that requires a prerequisite, such as authentication. You can use the Chain Event to execute the next command after authentication. It makes your code structured and easier to manage altogether

5 mins Flex video:
In this video, we use Seesmic API to show how we can search for a username existance in Seesmic, and if it exist, we use the result to get his/her videos.

End Product:

Project Files: http://www.box.net/shared/f8w0yk1gkw

Additional Resources: Chain Event: http://cairngormdocs.org/blog/?p=27
API Used:
Seesmic API - http://groups.google.com/group/seesmic-api

May 18

In today’s 5 mins Flex, I cover how you can use viewstate to define different state for your application.

Example files: http://www.box.net/shared/44uxz1r28w
More viewstates related article: http://www.adobe.com/devnet/flex/quickstart/creating_states/

Aug 24

SuperImage from Quieting Scheming is a must use and an excellent replacement for the Image component for List Component in Flex. If you have tried to develop mashup that tap into Flickr / YouTube / any type of API that load into thumbnail and images, you will realize that if your List control scrolls, the image will flicker very badly. This is because the image is not cached internally and thus this impact very badly on the performance as well as to the scrolling. My previous ’solution’ is to make sure that the user do not get the chance to scroll, and thus, only fetching a pre-setted number of results. This problem is solved by the Super Image, which caches the images internally.

If you are facing the same problem, download SuperImage now and try it on your Flex application. You will be surprised!

Aug 24

AsWing is a set of UI components for Actionscript 3.0. Like Flex, it has its own series of components like VBox, Buttons, etc, and are skinnable with customizable look and feel. The good thing about AsWing is that you do not need to have a Flex project to use it. You can build it upon a pure AS3 project.

Since it is based from its Java sibling Swing, Java developers will find its API very familiar.

More on AsWing: http://www.aswing.org/


Below is a screenshot from aswing website


“Look mum, this is not in Flex!”

Ads
The hostgator as well as the ipowerweb offer quality web hosting services focusing on reasonably priced dedicated servers. The lunarpages also provides personal and business website hosting and VPS. You can read any webhosting review in order to discover the best image hosting service on affordable rates.

Aug 08

A short snippet to convert a uicomponent into base64 data which you can send to your database. I need to convert images into base64 data for AirTalkr as Openfire requires the avatar to be set in base64 format. Here is the snippet:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
import flash.display.BitmapData;
import com.adobe.images.JPGEncoder;
import mx.utils.Base64Encoder;
import flash.utils.ByteArray;
 
private static const QUALITY:Number =80
 
function getBase64FromComponent(photo:UIComponent) :String
{
 
var data1:BitmapData = new BitmapData(photo.width, photo.height); data1.draw(photo);
 
var en:JPGEncoder = new JPGEncoder(QUALITY);
var bArray:ByteArray=   en.encode(data1);
 
var encoder:Base64Encoder = new Base64Encoder();
encoder.encodeBytes(bArray, 0, bArray.length);
var base64data:String = encoder.flush();
return base64data;
 
}

PS: I am not sure if there is a shorter way to do the above, like using base64Encoder directly. If there is, and I am doing extra stuff, do let me know!

Aug 08

Straight forward if you are familiar with HTML. Just add this to your HTML text in the beginning:

<instance name>.htmlText =
” <head><meta http-equiv=’Content-Type’ content=’text/html;charset=UTF-8′></head>”

Its okay if your HTML is not wellformed, it will still works, same for CSS, just add the extra line:

<instance name>.htmlText = “<link rel=’stylesheet’ type=’text/css’ href=’style/html.css’ />”

where style/html.css is the path to your css.