We moved!

http://wp.nealmi.com

So long time since last update.

Only reason is the blogger.com has been blocked in our country. It means I cannot access it directly, MUST break The Great Firewall. What is The Great Firewall? http://en.wikipedia.org/wiki/Golden_Shield_Project

Writing secure Flex apps with help from SWFScan

HP SWFScan, a free tool developed by HP Web Security Research Group, will automatically find security vulnerabilities in applications built on the Flash platform.

• Download Now!

Resources:

• http://www.hp.com/go/swfscan

Using Tweener for Scripted Animations

Andrew Trice

Whenever adding effects to Flex applications, I usually user the built-in Flex effects. They work with most flex components, are consistent, and are reliable. However, in cases where you want your application to be very expressive, they don't always act like you want them to. In those cases, I use Tweener, an animation "tween" library for ActionScript. In this post, we'll walk through a basic example using Tweener.

• View example in a new window
• Download source code
• View source code

Resources:

• http://www.insideria.com/2009/03/using-tweener-for-scripted-ani.html
• http://code.google.com/p/tweener/
• http://hosted.zeh.com.br/tweener/docs/en-us/
• http://hosted.zeh.com.br/tweener/docs/en-us/misc/transitions.html

IMAGE:

TweenLite (AS3) - A Lightweight (3K) and FAST Tweening Engine

TweenLite is an extremely lightweight, FAST, and flexible tweening engine that serves as the core of the GreenSock tweening platform. There are plenty of other tweening engines out there to choose from, so here's why you might want to consider TweenLite:

• Download source code

Resources:

• http://blog.greensock.com/tweenliteas3/

IMAGE:

Making Components Work Together

Andrew Trice:

In this example, we'll create a Flex application that uses the Google Maps API for Flash, which communicates with the Google Street View API to create a seamless experience.

The Google Street View components are available directly in the Google Maps javascript API, however they are not directly available through the Flash API. Even though they aren't available directly in the Flash API, that doesn't mean that you can't use them together. Through ExternalInterface, you can still make those the two work together seamlessly.

Take a look at this example. Any time you click on the Flash-based map, the street view below it will update to show the location that you clicked on. Go ahead and try it out... If you click on an area that doesn't support street view, then you'll get a message stating that the panorama is not available.

• View example in a new window
• Download source code
• View source code

Resources:

• http://www.insideria.com/2008/12/making-separate-components-wor.html
• http://code.google.com/apis/maps/documentation/flash/
• http://code.google.com/apis/maps/documentation/reference.html#GStreetviewOverlay
• http://code.google.com/apis/maps/

IMAGE:

Efflex - Designer effects for Flex

Efflex is a set of designer effects for Adobe Flex created by Stephen Downs (aka "Tink"). Stephen presented Efflex at the recent Flash on the Beach conference and has a background in building applications for the Flash platform.

Example:

• View example in a new window
• View source code

Resources:

• http://www.insideria.com/2008/10/efflex-designer-effects-for-fl.html
• http://code.google.com/p/efflex/
• http://www.efflex.org/

IMAGE：

URLKit - Advanced Flex Deep Linking Library

UrlKit supports Adobe Flex applications that need to expose URLs and window titles in the browser to represent their state. These URLs can be bookmarked, accessed via the Back button, etc. Such states typically represents some notion of location within the app, but in general can be mapped to any aspect of the application.
Specifically, UrlKit provides:

• a Javascript library for deep linking in Flex 2 (in Flex 3, this is provided by the platform)

• a library of declarative rule objects that describes the lexical elements of the application's URL and bidirectionally binds them to variables

• a sample application

Joe Berkovitz developed UrlKit in collaboration with Todd Rein of Adobe. To find out why, read the Rationale.

The example:
Click change state button, and look at your browser back button. NOTE: IE 6 user, please View example in a new window

• View example in a new window
• Download source code
• View source code

Resources:

• http://www.insideria.com/2008/09/advanced-flex-deep-linking-wit-1.html http://code.google.com/p/urlkit/

IMAGE:

Making Things More Interactive

Andrew Trice

Notice that there are two things going on here... 1. Animate the opacity to semi-transparent 2. Animate the distance of the drop shadow Applying these two effects creates an illusion of depth within the application. It appears as though the object that you click on is lifted off of the plane of the application, and is dropped back onto the application when you release it. I hope this gives you a few ideas to help you make your own applications more interactive.

• View example in a new window
• Download source code
• View source code

Resources:

• http://www.insideria.com/2008/02/making-things-more-interactive.html

IMAGE:

Tweener - create tweenings and other transitions

Tweener (caurina.transitions.Tweener) is a class used for creating tweenings and other transitions via actionscript code. The general idea is that dynamic animation and transitions (created by code) is easier to maintain and control, and more stable than timeline animation (since you can control it by time rather than by frames). Tweener is the spiritual successor to MC Tween. It follows Actionscript’s more strict OOP rules, and is released and maintained for both AS2 and AS3. Aimed both for designers and advanced developers, it still keeps the “one-line” design mentality used on MC Tween, but with a different, more fluid syntax (by way of an static class) that allows a wider control of how transitions are performed. Such characteristics weren’t possible on MC Tween due to the way the available parameters (and its order) were fixed by its syntax. Tweener downloads and documentation are hosted at Google Code.

Example from MC Tween:
Resources:

• Tweener at Google Code
• MC Tweener

Screenshot

Organization Chart - OrgChart

Excellent open source components that be used:
FlexLib - http://flexlib.googlecode.com
TipBubble - http://www.connectstudios.com/?section=6
This is an conceptual component, Use it in production is unwise decision, but you could make some customize to fit your requirements.

• View example in a new window

Resources:

IMAGE:

    

FlexMonkey - Flex UI test

Busy, busy, busy work... black September for me.

FlexMonkey is a unit testing framework for Flex apps that provides for automating the testing of Flex UI functionality. FlexMonkey can record and play back Flex UI interactions, and generates ActionScript-based testing scripts that can easily be included within a continuous integration process. It uses the Flex Automation API and was created by adapting Adobe's sample application, AutoQuick.
See the Getting Started Guide for a quick overview of installing, recording, and running tests with FlexMonkey.
FlexMonkey has been donated to the Flex community by Gorilla Logic, who developed FlexMonkey because of their belief that only a monkey would develop code without being able to automate their unit testing.

Try Demo!

• View example in a new window

Resources:

• http://code.google.com/p/flexmonkey/

IMAGE:

Actionscript 3 Layout Organizers Examples and Source Code

www.somerandomdude.net Said:

A while back, I posted a basic example of layout organizers and layout organizers applied to video. I kept talking about how cool I considered this idea to be, yet I had yet to truly explain the idea and (more importantly) the source code for people to download. I wanted to make sure the code was at a good spot before releasing it; I believe that is now the case. You will find examples, the basic gist on how it works and some possible reasons why layout organizers may just make your life easier.

• View example in a new window
• Download source code
• View source code

Resources:

• http://www.somerandomdude.net/blog/flash/actionscript-3-layout-organizers-source-code/

IMAGE:

Flex Calendar Component

This project strives to provided flex components for crating calendar components. (Timeline, day, week, month and agenda view)

• View example in a new window
• View source code

Resources:

• http://code.google.com/p/flexcalendar/

Relative Posts:

• Interactive Calendar - From quietlyscheming.com

IMAGE:

RIA Benchmark

James Ward:

The goal of this application is to demonstrate various methods of loading data in RIAs and see how those methods impact performance, bandwidth, and client memory usage. These benchmarks aim to be honest and unbiased. Thus they are open source and anyone can submit patches to have new tests added or to have the existing tests improved. Yet, these tests should always fairly represent real world uses of these technologies.

• View example in a new window
• View source code

Resources:

• http://www.jamesward.com/census/
• http://sourceforge.net/projects/flexapps

IMAGE:

Customize DataGrid - (2)

Thanks Alex!

Thinking About Item Renderers(Strong recommended)

BackgroundColor Changes When Data Changes

• View example in a new window
• Download source code

Text Color and Styles in Item Renderers

• View example in a new window
• Download source code

Split Columns/Grouped Columns

• View example in a new window
• Download source code

Custom Header Renderers (ComboBox)

• View example in a new window
• Download source code

This ad just for leave blank. Take your eyes a rest.

Customize DataGrid - (1)

Thanks Alex!

Flex 3 DataGrid Footers

• View example in a new window
• Download source code

DataGrid Double-Click To Edit

• View example in a new window
• Download source code

Custom ArrayCollections, Adding New Items to DataGrid

• View example in a new window
• Download source code

Custom ILists, CheckBoxDataGrid, Merged Arrays

• View example in a new window
• Download source code

3D Charts Using PaperVision3D - By Andrew Trice

Andrew Trice wrote:

This example shows a really basic rotating 3D chart. There are two important things that it shows.

1) A three dimensional scatter plot.

2) A three dimensional line chart

The data points between the scatter plot and line chart are exactly the same. The combined effect is a 3D scatter plot with lines connecting each data point.

• View example in a new window
• Download source code
• View source code

Resources:

• http://www.insideria.com/2008/06/3d-charts-using-papervision3d.html

Degrafa - Buttong loader (ProgressBar like)

Try it by click "Sign In" button.

• View example in a new window
• Download source code
• View source code

Resources:

• http://www.degrafa.com/

Relative Posts:

• AdvancedSkins - From degrafa.com
• Capacity Indicator - From degrafa.com

Amazing Effect - WebCam (Need a web camera)

Click Play... following.

• View example in a new window
• Download source code
• View source code

Resources:

• http://www.neave.com/webcam/
• http://code.google.com/p/neave