Developer Connection: UI Design & RIA Workflows

Overview

• How Flex can transform the user experience on the web
• LiveDocs: Primer and authoritative Flex RIA design guide
• Design Flex 3 skins and styles using CS3
• Plan for RIA success (PDF, 108K)
• An iterative approach to the designer-developer workflow
• Next-generation Flex skinning
• An iterative approach to the designer-developer workflow

New to Flex? Learn about Flex and Flex Builder

Flex 4 beta effects

• Part 1: Basic effects
• Part 2: Advanced graphical effects

Basics

• Video: Use Flex effects to animate changes in app state
• Training: Provide XML to controls with E4X
• Training: Filter, sort, manipulate data in Flex client apps
• Training: Display data using the DataGrid control with Flex
• Tutorial: Develop an image viewer with Flex and Cairngorm
• Book excerpt: Introduction to pop-ups
• Cookbook: Read BMP format images byte by byte
• Cookbook: Create a hand cursor over a component
• Tutorial: Designing and prototyping Flex applications using Fireworks
• Tutorial: Sculpting interactive business intelligence interfaces

Find more UI design-related cookbook posts

Flex 3 workflows

• eSeminar: Build scalable apps by managing state
• eSeminar: Innovate the Flash CS3 and Flex 3 workflow
• Video: Flex Builder 3 supports multiple SDKs
• Video: Flex Builder 3 features refactoring support
• Tutorial: Explore a unified Flex/Flash component workflow
• Tutorial: Design Flex 3 skins and styles using CS3

Designer and developer workflows

• Tutorial: Export MXML and images from Fireworks CS3
• Tutorial: Create rich symbols for MXML in Fireworks CS3
• Tutorial: Design Flex applications with Fireworks CS3
• Tutorial: Design Flex 2 skins and styles using CS3
• Tutorial: Manage workflows between designers and developers