PhoneGap

PhoneGap is a standards-based, open-source development framework that helps in saving development time by providing a cloud-based build service. 

Adobe PhoneGap Build enabling code once with HTML and JavaScript and deploy it to any mobile device without losing features of a native app. PhoneGap was donated to the Apache Software Foundation (ASF) under the name Apache Cordova.

Related articles

• CLI-9.0.0 Support Has Been Added to PhoneGap Build
• PhoneGap 2.9.0 Released!(phonegap.com)

Adobe Edge - A tool for designers to create HTML5 content

English: A bubble graphic overview showing the relations between interaction design and its overlapping disciplines. Deutsch: Eine Übersichtsgrafik, die Interaction Design in Relation zu seinen benachbarten Disziplinen zeigt. (Photo credit: Wikipedia)

Adobe® Edge is a new web motion and interaction design tool that allows designers to bring animated content to websites, using web standards like HTML5, JavaScript, and CSS3.

Related articles

• Introducing Adobe Edge Reflow(blogs.adobe.com)
• Understanding ECMAScript 6: Template Strings (#2) (noupe.com)
• Use Upcoming CSS4 Features Right Now (spd.rss.ac)

Item Renderer

An overload of communications (Photo credit: windsordi)

list controls have default mechanism for controlling the display of data, or view. You can override that default behavior by creating a custom item renderer.You can also use custom component as an item renderer.

Note: The default layout, BasicLayout renderer doesn't respect the transformations that occur in the object's width/height/position during rotation. It still tries to layout the objects as if they were not rotated. However, if you use any other layout, like VerticalLayout or HorizontalLayout, the objects new dimensions after rotation is used.
Related articles

• Item Renderers in Practice(flexdevelopers.com)

  ---

• Creating a Custom Visual Component(flexdevelopers.com)

  ---

Building Simple Application with Flex

EBA AJAX Grid + Flex Charting Component (Photo credit: Andre Charland)

Working with Containers

Lets now learn about the most important MXML tag in Flex.

Applicaiton
Description: root container for an Flex application

Properties:

layout, define lay out for its child components, possible values for this property are:

1. vertical - automatic top to bottom in order layout
2. horizontal - automatic left to right in order layout
3. absolute - no automatic layout, (x,y) location based layout

Note: The default layout, BasicLayout renderer doesn't respect the transformations that occur in the object's width/height/position during rotation. It still tries to layout the objects as if they were not rotated. However, if you use any other layout, like VerticalLayout or HorizontalLayout, the objects new dimensions after rotation is used.

style, defines formatting for the child components

1. backgroundGradientColors
2. verticalGap

How to Use Absolute Layout in Flex

More DIY videos at 5min.com

How to Use the appropriate Layout Type in your Flex Applicatoin

More DIY videos at 5min.com

Also visit blog to learn about adding inline ActionScript in MXML code

• Using Inline ActionScript in Flex

Related articles

• 10 Things A Good Flex Developer Should Know(flexdevelopers.com)

  ---

• Presenting Apache Flex(forta.com)

  ---

• Dive into Flexbox - Bocoup(weblog.bocoup.com)

  ---

• How can I add MXML objects from a Flex Library into my ActionScript Project?(stackoverflow.com)

  ---

• Using Flex 4 Skins & States to Disable a Component(flexdevelopers.com)

  ---

• Creating a Custom Visual Component(flexdevelopers.com)

  ---

• MXML + ANT + ASDOC = And then some(173.254.32.67)

  ---

• Applying the Presentation Model in Flex (blogs.adobe.com)