fitc flash flex

50 %
50 %
Information about fitc flash flex

Published on November 28, 2007

Author: Wen12


Flash and Flex Can Hold Hands Techniques for Integrating Flash Content and Flex Applications:  Flash and Flex Can Hold Hands Techniques for Integrating Flash Content and Flex Applications FiTC - Hollywood October 5, 2006 Chafic Kazoun, Founder and CTO Ben Stucki, Software Engineer Atellis: Weblogs: | About us:  About us Chafic Kazoun Founder and CTO Team Macromedia Member Email ( Blog ( Ben Stucki Software Engineer Flex Component Developer Email ( Blog ( Atellis ( What We Will Cover :  What We Will Cover Why is Flash Important? What’s Flex? Why Integrate Flex and Flash? Using CSS in Flex Using Flash Content in Flex Tips to Improve Workflow Our goal is to give you a starting point for applying Flash content to Flex applications. What is Flex?:  What is Flex? Flex Runtime is Flash Player:  Flex Runtime is Flash Player Flex provides a framework for developing applications that run in Flash Player Flex SDK is free. No server required. Same Runtime (Flash Player 9) Same File Format (SWF) SWF Flex Compiler AS3 MXML Flash Authoring Flex Builder (and SDK) AS2 Flash Compiler Library CSS Flex Builder Is Not Flash Authoring:  Flex Builder Is Not Flash Authoring Flash Authoring Flex Development Lasso Tool Rectangle Tool Paint Bucket Tool Border Style  Corner Radius  BG Color  Why Integrate Flex and Flash?:  Why Integrate Flex and Flash? Flex applications all look the same Example of a Stylized Flex Application:  Example of a Stylized Flex Application Flex for Designers:  Flex for Designers Flex is Component Based (Don’t Panic!) To Design a Flex Application you need to modify the look of Flex components using CSS, Programmatic Skins, Graphical Skins, and Filters From To What is Skinning?:  What is Skinning? Programmatic Skinning Graphical Skinning Using CSS in Flex:  Using CSS in Flex Flex CSS can apply styles by Component or Class. Component { color: #FFFFFF; } .Class { background-color: #000000; } CSS and Typography:  CSS and Typography you could try something like Edwardian. Instead of using Arial, @font-face { src: url(“century_gothic_embed.swf”); fontFamily: "Century Gothic"; } @font-face { src: url(“Edwardian Script ITC.ttf”); font-family: “Edwardian”; } Component { font-family: “Edwardian”; } Embedding Graphics:  Embedding Graphics Finally, the good stuff. Application { background-image: "assets/scary_woods.jpg"; } Embedding Flash Library Content:  Embedding Flash Library Content Flex CSS lets you access Flash library symbols individually. MovieOption { background-image: Embed(source="assets/library.swf", symbol="MovieOption_skin"); } Before and After:  Before and After Flash Workflow:  Flash Workflow Developers and Designers need to work together to create the initial layout. You can still create a mockup in flash, or a graphics editing tool. Organize your library, developers like that. Symbols are going to be used individually to skin components. Where to go from here:  Where to go from here About us:  About us Session notes will be posted to Ben’s blog. Ben Stucki Blog ( Email ( Chafic Kazoun Blog: ( Email: ( We’re hiring Flex/.NET developers. Contact us if you’re interested.

Add a comment

Related presentations

Related pages


Flex is the ideal choice when developing Rich Internet ... Prior experience with web application and/or Flash application development is ... fitc. Just one ...
Read more

Products | Flex SDK | Adobe TV

Learn about the basics of using Flex and Flash Builder, including setting up Flash Builder, ... Watch Adobe's keynote at FITC Toronto in 2012.
Read more

Flash and FLEX can hold hands - FITC

We were super lucky to have Inge in the audience at FITC Amsterdam, and she…
Read more

FITC | Adobe TV

From Flash to motion design, to Flex and AIR, to design and inspiration, ... Watch Adobe's keynote at FITC Toronto in 2012.
Read more


FITC Amsterdam 2011 ... Beim Schlagwort "interaktives Design" ist unsere geliebte Flash Platform ... Neuigkeiten rund um die Flash Platform (Flash, Flex ...
Read more

FITC | Does Flash? | AS3 Blog

FITC Ticket Up For Grabs ... Debugging Email Embedding Events Export FDT Firefox FITC Flash FlashBuilder FlashDevelop Flex Fonts GitHub HandBones ...
Read more

Rückblick FITC 2008 – Teil 1 – Namics Weblog

Amsterdam, Rückblick FITC 2008 – Teil 1. Nach zwei Tagen geht das erste FITC (Flash in the Can) Forum in Amsterdam zu Ende, in meinem ersten ...
Read more

Player-to-Player Communications with RTMFP

• Flash Player 10 • Flex 3.2 SDK, Flex Builder 3.0.2 or ... Brian Lesser, April 28, 2009 (FITC) Player-to-Player Communications with RTMFP. FMIS + Stratus.
Read more

Future of Flex & Flash - Flashforum | XING

Future of Flex & Flash Am 29.02.2012 werden Lee Brimelow, ... in Hamburg sein. Direkt nach der FITC Amsterdam werden die drei nach Hamburg kommen, ...
Read more