SlideShare ist ein Scribd-Unternehmen logo
1 von 36
Don’t Just Skin It. Style It!,[object Object],James Polancowww.developmentarc.comFlash Camp Brasil2011,[object Object]
Who am I?,[object Object],James Polanco,[object Object],Web Application ArchitectFlex, Flash, AIR, Ajax... Getting into Scala and Lift,[object Object],Co-founder of DevelopmentArcconsulting and development firm focusing on web applications,[object Object],Author for Adobe Press“Adobe Flash Platform Start to Finish: Working Collaboratively using Adobe Creative Suite 5”,[object Object],Twitter & Website@jamespolancowww.developmentarc.com,[object Object]
What is this session about?,[object Object],Styling a Flex application has many different approachesCSS, MXML properties, Programmatic Skins, 3rd Party libraries (ex: Degrafa),[object Object],Flex 3 (Halo) vs. Flex 4 (Spark),[object Object],	Each Component set (Halo & Spark) has similar and different features to support styling of your Flex components. ,[object Object],Flex 4 (Spark) is changing how we work,[object Object],Changes in the Flex 4 (Spark) component architecture is changing how applications are styled.,[object Object]
Style Support in Flex : Flex 3 (Halo),[object Object],CSS in Flex 3,[object Object],Benefits,[object Object],Setting look and feel based on style declarations,[object Object],An extensive set of styles are built into Flex 3 components,[object Object],ex: Button has color, borderColor, backgroundColor, etc...,[object Object],Limitations,[object Object],Only able to change settings that are exposed to the CSS Style system ,[object Object]
Style Support in Flex : Flex 3 (Halo),[object Object],Programmatic Skins in Flex 3,[object Object],Benefits,[object Object],	Full Control over all aspects of the design,[object Object],	Creating backgrounds that can show different component layouts, and add animations…,[object Object],Limitations,[object Object],Requires extensive ActionScript and understanding of the component architecture to implement,[object Object],	Any design changes must be implemented via code (unless the code implements Flex’s style system),[object Object],	Programmatic skins are only defining the background of the component, you can not draw on top of content nor modify children without creating risky direct parent reference,[object Object]
Style Support in Flex : Flex 4 (Spark),[object Object],CSS in Flex 4,[object Object],Benefits,[object Object],	Setting look and feel based on style declarations,[object Object],	Improved CSS declaration support and advanced language features,[object Object],	Style names are propagated from the component to the skin ,[object Object],Limitations,[object Object],	Styles have less support in Flex 4 components,[object Object],		ex: Button has color but does not support borderColor, backgroundColor, etc…,[object Object]
Style Support in Flex : Flex 4 (Spark),[object Object],New Skin Architecture in Flex 4,[object Object],Benefits,[object Object],Replaces Programmatic skin with MXML based skinning system,[object Object],	Rapidly create and change skins as need,[object Object],	Separates logic from layout,[object Object],	You can easily manipulate the components children parts and styles, unlike programmatic skins in Flex 3,[object Object],Limitations,[object Object],	Can require development for each layout / design,[object Object],	CSS support within a skin requires extra development,[object Object]
Understanding Spark (Flex 4),[object Object],Brief look at the new Flex 4 (Spark) Architecture,[object Object],Creates a separation of layout from logic,[object Object],A Spark component is made up of two parts: the Skin (look & feel) and the backing Component (logic),[object Object],Allows the look and feel of a component to be changed at runtime,[object Object],Skins are assigned via CSS (skinClass) and can be changed at any time.,[object Object]
Understanding Spark (Flex 4),[object Object],Brief look at the new Flex 4 (Spark) Architecture,[object Object]
CSS in Flex 4,[object Object],CSS support still exists in Flex 4 (Spark) components,[object Object],New properties have been created for general themes, such as contentBackgroundColor,[object Object],It’s not as supported as Flex 3 but...,[object Object],Many of the previous Flex 3 CSS properties on the new Flex 4 versions of the components do not exist (yet...),[object Object],Flex 4 has more CSS features!,[object Object],Many new advanced CSS features, such as ID and pseudo selectors (we will examine this in depth later),[object Object]
CSS in Flex: What are styles?,[object Object],What are styles?,[object Object],	Settings of a component that enable the ability to change the look and feel of a component dynamically,[object Object],For example, setting the font color on a button,[object Object],<s:Button color="#FF0000" />,[object Object]
CSS in Flex: Setting Styles,[object Object],Four ways we can set styles in Flex,[object Object],ActionScript,[object Object],setting styles directly in our code,[object Object],MXML,[object Object],setting properties on our MXML components,[object Object],<Style> Blocks,[object Object],defining a style block in our MXML file,[object Object],External Style Sheets,[object Object],linking to external CSS files to define our styles,[object Object]
CSS in Flex: Setting Styles, ActionScript,[object Object],myButton.setStyle("color", 0xFF0000);,[object Object],Styles are not properties of components,[object Object],This means we can’t do things like: ,[object Object],myButton.color = 0xFFFF00,[object Object],Flex provides a Style Manager,[object Object],The Style Manager handles complex style inheritance and other properties of CSS for us,[object Object],To set a style we use the setStyle() method,[object Object],Because styles aren’t properties and are handled by the Style Manager we use the setStyle() method, whose job is to work with the Style Manager to handle all the complex reltionships,[object Object]
CSS in Flex: Setting Styles, MXML,[object Object],<s:Button id="myButton" color="#FF0000" />,[object Object],Styles are exposed as properties in MXML,[object Object],	MXML treats styles as properties of our components,[object Object],MXML hides the fact that styles are not properties on a component,[object Object],MXML and the compiler handle converting our style “properties” into setStyle() commands at compile time,[object Object]
CSS in Flex: Setting Styles, <Style> Block,[object Object],<fx:Style>.myStyle {		color: #FF0000;,[object Object],	},[object Object],</fx:Style>,[object Object],<s:Button id=“myButton” styleName=“myStyle”/>,[object Object],A local style definition is created in the MXML and linked through CSS binding techniques,[object Object],	We can create local style definitions and then apply them to our components (more to come...),[object Object]
CSS in Flex: External Stylesheets,[object Object],<fx:Stylesrc=“/assets/css/myStylesheet.css” />,[object Object],<s:Button id=“myButton” styleName=“myStyle”/>,[object Object],Externally referenced style definitions are linked into our MXML and are applied,[object Object],Similar to our local style definition, we can link to external CSS files which are applied,[object Object]
CSS in Flex: Selectors,[object Object],What is a Selector?,[object Object],Defines how a style is applied and in what context,[object Object],There are four selector types in Flex,[object Object],Type Selector,[object Object],Class Selector,[object Object],ID Selector,[object Object],Pseudo Selector,[object Object]
CSS in Flex: Type Selectors,[object Object],What is a Type Selector?,[object Object],Defines global styles for any “type” of component that is created, such as a Button, ComboBox, List, etc...,[object Object],/* All Buttons in our application have their font color set to red: */,[object Object],	Button {	color: #FF0000;},[object Object]
CSS in Flex: Class Selectors,[object Object],What is a Class Selector?,[object Object],Defines styles that must be explicitly referenced by the component using the “styleName” property:,[object Object],ex: <s:ButtonstyleName="myStyle" />,[object Object],	/* Only components that reference this style has their font color set to red: */,[object Object],	.myStyle {	color: #FF0000;},[object Object]
CSS in Flex: ID Selectors,[object Object],What is an ID Selector?,[object Object],Components with the explicit ID apply these styles (new in Flex 4),[object Object],			ex: <s:Button id=“myButton” />,[object Object],/* Only components that have id=“myButton” has their font color set to red: */,[object Object],	#myButton {	color: #FF0000;},[object Object]
CSS in Flex: Pseudo Selectors,[object Object],What is a Pseudo Selector?,[object Object],	Pseudo selectors work in conjunction with other selectors (Type, ID, Class),[object Object],	Allows us to changes style based on the current state the component is in (such as a button’s up, over, down & disabled states),[object Object],	The component must support the state to apply the style, stateGroups are not supported,[object Object],	/* Change the color based on state: */,[object Object],Button:up {	color: #FF0000;},[object Object],Button:down {	color: #00FF00;},[object Object]
CSS in Flex: Namespaces,[object Object],What is a Namespace?,[object Object],	Namespaces are new in Flex 4 and now required for any CSS declarations,[object Object],	Allow us to support type selectors,[object Object],	When we say “Button” do we mean Halo or Spark buttons?,[object Object],@namespace s "library://ns.adobe.com/flex/spark";,[object Object],@namespace mx "library://ns.adobe.com/flex/mx";,[object Object],s|Button {,[object Object], color: #FF0000;,[object Object],},[object Object]
CSS in Flex: Chaining Selectors,[object Object],We can now chain selectors,[object Object],Chaining allows us to share properties across different style types,[object Object],s|Button, .blueText, #myLabel {,[object Object],	color: #0000FF;,[object Object],},[object Object]
CSS in Flex: Dependent Selectors,[object Object],We can define dependent selectors,[object Object],With a dependent selectors we can apply styles to elements based on their parents, the space between the selectors informs the CSS engine that the style should be applied based on the parent/child relationship,[object Object],s|HGroups|Button {,[object Object],	color: #0000FF;,[object Object],},[object Object],<s:HGroup>,[object Object],	<s:Button id=“myButton” />,[object Object],</s:HGroup>,[object Object]
CSS in Flex: Linking Selectors,[object Object],We can link type, class and id selectors to identify elements,[object Object],By linking type, class and id selectors together we can explicitly define what and when an element should have a style applied. The style is linked when there is NO space between the selectors,[object Object],S|Button#myButton.labelText {,[object Object],	color: #0000FF;,[object Object],},[object Object],<s:Button id=“myButton” styleName=“labelText” />,[object Object]
CSS in Flex: Cascading,[object Object],Cascading is the C in CSS,[object Object],CSS’ (Cascading Style Sheets) power is the ability to define styles and have them apply down the parent/child hierarchy automatically,[object Object],How does it work?,[object Object],Inheritable Styles: If the parent has a style set (such as color) and the child supports the style, then the child’s style is set to the parents value. Inheritance is defined via the [Style] metadata,[object Object],Non-Inheriting Styles: If the parent has the style set and the child supports the style, the value is NOT passed on,[object Object],Global Styles: Flex supports the global tag, which applies this style to EVERYTHING in the application,[object Object]
CSS in Flex: Cascading,[object Object],Chain of Command,[object Object],Understanding the priority order of what style overrides the cascading parents value OR the style definition location is very important,[object Object],Global > Type > Class > ID > local > setStyle(),[object Object],setStyle() overrides a local definition, a local definition overrides an ID definition, an ID definition overrides a Class definition, a Class definition overrides a Type definition and a Type definition overrides a global definition.,[object Object]
Supporting CSS in Flex,[object Object],How do we leverage it in our own components?,[object Object],	We can support CSS in our custom components by using a combination of Metadata, ActionScript and the new Flex 4 Skin architecture,[object Object],ActionScript Methods,[object Object],Flex provides multiple methods for creating, managing and accessing styles,[object Object],Metadata,[object Object],Metadata allows us to define what styles our components support, how they cascade, their type and their default values ,[object Object],Flex 4 Skins & FXG,[object Object],Flex 4 changes where we manage our styles and also supports a new way to apply and visualize our UI with these style settings,[object Object]
Supporting CSS in Flex: Methods,[object Object],setStyle(),[object Object],The setStyle() method allows us to define a style directly to our component. We pass in a style name and the style value:,[object Object],setStyle("color", 0xFF0000);,[object Object],getStyle(),[object Object],The getStyle method allows us to determine what the current value for the style is:,[object Object],varourColor:Number = getStyle("color");,[object Object],styleChanged(),[object Object],	The styleChanged() method is called on our component whenever a defined style is updated.,[object Object],updateDisplayList(),[object Object],The updateDisplayList() method is where we should do all our style calculations and application to our content.,[object Object]
Supporting CSS in Flex: Metadata,[object Object],Metadata informs the compiler and tools (like Flash Builder) what styles are supported,[object Object],Metadata is how MXML can show a style as a property. Without metadata the compiler would not recognize the style property and throw an error at compile time.,[object Object],Styles can still be used without metadata,[object Object],We can still use the ActionScript methods, such as set and get style, even if the metadata isn’t defined.,[object Object],Metadata is defined on the component (ActionScript) class and not a Skin (Flex 4+),[object Object],The metadata is assigned to the base component and not to a skin, for a component to fully support in MXML it has to be defined on the class:,[object Object],[Style(name="errorColor", type="uint", format="Color", inherit="yes")],[object Object]
Flex 4: Styling With Skins,[object Object],Creating MXML Skins,[object Object],	Flex 4 supports creating new looks for components using the skinning architecture. Similar to Programmatic skins, but easier to create and you can use MXML to define them.,[object Object],Setting Skins,[object Object],	Skins are attached to a component using the skinClass style property, they can be defined in CSS using the ClassReference wrapper.,[object Object],skinClass: ClassReference(”com.example.package.skin.SkinFile");,[object Object],Swapping Skins,[object Object],	Because skins are defined via styles we can change them at any time by either referencing a new style declaration or by using setStyle().,[object Object]
Flex 4: CSS in Skins,[object Object],Override updateDisplayList(),[object Object],In the Skin class we can override the updateDisplayList() method and then use getStyle() to retrieve the property values defined for the style.,[object Object],Update the skin with the style values,[object Object],	Once the values have been pulled from getStyle() we can then apply the values to the parts of the skin that the styles correspond to.,[object Object],Expose style via Metadata on the base component,[object Object],To support style properties in MXML for our skins, the host component the skin is attached to should declare the styles using metadata.,[object Object]
Flex 4: Skin States & CSS,[object Object],States allow the skin to update the look of the UI,[object Object],	Skin States defined in the host component allow our skins to change the look and feel based on user interaction. Think Button and the up, over, down, and disabled state.,[object Object],Using CSS pseudo selectors enables us to change the style on state changes,[object Object],When we define pseudo selectors ( .myStyle:up{} ) the getStyle() method will return the updated value in the updateDisplayList() method when our states change. This allows us to easily define and support CSS state changes in our skins.,[object Object]
CSS in Skins: Using FXG,[object Object],FXG is Adobe’s new declarative graphics language,[object Object],FXG allows us to create vector based assets in MXML,[object Object],<s:Rect top="0" left="0" right="0" bottom="0">			<s:fill><s:SolidColor id="bgColor" color="#CDCDCD"/></s:fill>		</s:Rect>,[object Object],Modify FXG properties to enable CSS customizable skins,[object Object],When the state changes we can reference and then update the FXG,[object Object],bgColor.color = getStyle("backgroundColor");,[object Object]
Wrapping it up...,[object Object],Flex 4 is adding a lot of styling opportunity,[object Object],Advanced CSS functionality and the new skinning architecture is allowing for easier customization of your application.,[object Object],CSS is currently less prevalent in the current component set,[object Object],	The current Spark components are at 100% parity yet, but more default CSS support is being added in Flex 4.5.,[object Object],Create styles for your own application,[object Object],	Using customer CSS in both your components and skins allows for rapid changes and flexibility to your applications look and feel.,[object Object]
Thank you... Any Questions?,[object Object],Any questions?,[object Object],	Ask them if you got them...,[object Object],James Polanco,[object Object],	Twitter: @jamespolanco,[object Object],	Email: info@developmentarc.com,[object Object],	Website:  http://www.developmentarc.com,[object Object]

Weitere ähnliche Inhalte

Was ist angesagt?

Managing documents using ms word
Managing documents using ms wordManaging documents using ms word
Managing documents using ms wordJaiveer Singh
 
Save time and your sanity: Increase your efficiency with Microsoft Word
Save time and your sanity: Increase your efficiency with Microsoft WordSave time and your sanity: Increase your efficiency with Microsoft Word
Save time and your sanity: Increase your efficiency with Microsoft WordRhonda Bracey
 
Cascading Style Sheets
Cascading Style SheetsCascading Style Sheets
Cascading Style SheetsPaul Dionysius
 
Save time and your sanity: Increase your efficiency with Microsoft Word
Save time and your sanity: Increase your efficiency with Microsoft Word Save time and your sanity: Increase your efficiency with Microsoft Word
Save time and your sanity: Increase your efficiency with Microsoft Word Rhonda Bracey
 
Presentation of ms word
Presentation of ms wordPresentation of ms word
Presentation of ms wordVaishnavi8950
 
Microsoft PowerPoint 2010
Microsoft PowerPoint 2010Microsoft PowerPoint 2010
Microsoft PowerPoint 2010nhumar
 
OOCSS, SMACSS or BEM, what is the question...
OOCSS, SMACSS or BEM, what is the question...OOCSS, SMACSS or BEM, what is the question...
OOCSS, SMACSS or BEM, what is the question...Michael Posso
 
Training on webwroks1
Training on webwroks1Training on webwroks1
Training on webwroks1sumeettechno
 
OOCSS, SMACSS or BEM?
OOCSS, SMACSS or BEM?OOCSS, SMACSS or BEM?
OOCSS, SMACSS or BEM?Michael Posso
 
(Ms word2003)
(Ms word2003)(Ms word2003)
(Ms word2003)u083486
 

Was ist angesagt? (15)

Dreamweaver Ch03
Dreamweaver Ch03Dreamweaver Ch03
Dreamweaver Ch03
 
Managing documents using ms word
Managing documents using ms wordManaging documents using ms word
Managing documents using ms word
 
Html css
Html cssHtml css
Html css
 
Save time and your sanity: Increase your efficiency with Microsoft Word
Save time and your sanity: Increase your efficiency with Microsoft WordSave time and your sanity: Increase your efficiency with Microsoft Word
Save time and your sanity: Increase your efficiency with Microsoft Word
 
Cascading Style Sheets
Cascading Style SheetsCascading Style Sheets
Cascading Style Sheets
 
Save time and your sanity: Increase your efficiency with Microsoft Word
Save time and your sanity: Increase your efficiency with Microsoft Word Save time and your sanity: Increase your efficiency with Microsoft Word
Save time and your sanity: Increase your efficiency with Microsoft Word
 
Presentation of ms word
Presentation of ms wordPresentation of ms word
Presentation of ms word
 
Css
CssCss
Css
 
CSS
CSSCSS
CSS
 
Microsoft PowerPoint 2010
Microsoft PowerPoint 2010Microsoft PowerPoint 2010
Microsoft PowerPoint 2010
 
OOCSS, SMACSS or BEM, what is the question...
OOCSS, SMACSS or BEM, what is the question...OOCSS, SMACSS or BEM, what is the question...
OOCSS, SMACSS or BEM, what is the question...
 
Training on webwroks1
Training on webwroks1Training on webwroks1
Training on webwroks1
 
OOCSS, SMACSS or BEM?
OOCSS, SMACSS or BEM?OOCSS, SMACSS or BEM?
OOCSS, SMACSS or BEM?
 
(Ms word2003)
(Ms word2003)(Ms word2003)
(Ms word2003)
 
BEM methodology overview
BEM methodology overviewBEM methodology overview
BEM methodology overview
 

Andere mochten auch

Osvrt Na Adobe Max 2009
Osvrt Na Adobe Max 2009Osvrt Na Adobe Max 2009
Osvrt Na Adobe Max 2009Ivan Ilijasic
 
Creating Custom Spark Components in Flex 4
Creating Custom Spark Components in Flex 4Creating Custom Spark Components in Flex 4
Creating Custom Spark Components in Flex 4Dan Orlando
 
David Coletta Architecting A Shared Codebase For Browser And Desktop Final
David Coletta Architecting A Shared Codebase For Browser And Desktop FinalDavid Coletta Architecting A Shared Codebase For Browser And Desktop Final
David Coletta Architecting A Shared Codebase For Browser And Desktop Finaldcoletta
 
P2P vs Sockets: Communication on the Flash Platform
P2P vs Sockets: Communication on the Flash PlatformP2P vs Sockets: Communication on the Flash Platform
P2P vs Sockets: Communication on the Flash Platformboushley
 
Adobe AIR - Mobile Performance – Tips & Tricks
Adobe AIR - Mobile Performance – Tips & TricksAdobe AIR - Mobile Performance – Tips & Tricks
Adobe AIR - Mobile Performance – Tips & TricksMihai Corlan
 
360|Flex Greenthreading In Flex
360|Flex Greenthreading In Flex360|Flex Greenthreading In Flex
360|Flex Greenthreading In FlexHuyen Tue Dao
 

Andere mochten auch (7)

Osvrt Na Adobe Max 2009
Osvrt Na Adobe Max 2009Osvrt Na Adobe Max 2009
Osvrt Na Adobe Max 2009
 
Migrating fx3tofx4
Migrating fx3tofx4Migrating fx3tofx4
Migrating fx3tofx4
 
Creating Custom Spark Components in Flex 4
Creating Custom Spark Components in Flex 4Creating Custom Spark Components in Flex 4
Creating Custom Spark Components in Flex 4
 
David Coletta Architecting A Shared Codebase For Browser And Desktop Final
David Coletta Architecting A Shared Codebase For Browser And Desktop FinalDavid Coletta Architecting A Shared Codebase For Browser And Desktop Final
David Coletta Architecting A Shared Codebase For Browser And Desktop Final
 
P2P vs Sockets: Communication on the Flash Platform
P2P vs Sockets: Communication on the Flash PlatformP2P vs Sockets: Communication on the Flash Platform
P2P vs Sockets: Communication on the Flash Platform
 
Adobe AIR - Mobile Performance – Tips & Tricks
Adobe AIR - Mobile Performance – Tips & TricksAdobe AIR - Mobile Performance – Tips & Tricks
Adobe AIR - Mobile Performance – Tips & Tricks
 
360|Flex Greenthreading In Flex
360|Flex Greenthreading In Flex360|Flex Greenthreading In Flex
360|Flex Greenthreading In Flex
 

Ähnlich wie Adobe Flex Don't Style It, Skin it!

Ähnlich wie Adobe Flex Don't Style It, Skin it! (20)

Flex 4 Deep Dive
Flex 4 Deep DiveFlex 4 Deep Dive
Flex 4 Deep Dive
 
Flex 4 Deep Dive
Flex 4 Deep DiveFlex 4 Deep Dive
Flex 4 Deep Dive
 
Css - Tutorial
Css - TutorialCss - Tutorial
Css - Tutorial
 
Csstutorial
CsstutorialCsstutorial
Csstutorial
 
Exploring Adobe Flex
Exploring Adobe Flex Exploring Adobe Flex
Exploring Adobe Flex
 
Css tutorial by viveksingh698@gmail.com
Css tutorial by viveksingh698@gmail.comCss tutorial by viveksingh698@gmail.com
Css tutorial by viveksingh698@gmail.com
 
Css tutorial
Css tutorialCss tutorial
Css tutorial
 
Css tutorial
Css tutorial Css tutorial
Css tutorial
 
Css tutorial
Css tutorialCss tutorial
Css tutorial
 
Flex 4 Overview
Flex 4 OverviewFlex 4 Overview
Flex 4 Overview
 
Visual Experience 360 Flex
Visual Experience 360 FlexVisual Experience 360 Flex
Visual Experience 360 Flex
 
Introduction to whats new in css3
Introduction to whats new in css3Introduction to whats new in css3
Introduction to whats new in css3
 
Formatting text with CSS
Formatting text with CSSFormatting text with CSS
Formatting text with CSS
 
Unit 2.1
Unit 2.1Unit 2.1
Unit 2.1
 
Skinning in Flex 4
Skinning in Flex 4Skinning in Flex 4
Skinning in Flex 4
 
Css
CssCss
Css
 
Cascading Style Sheet | CSS
Cascading Style Sheet | CSSCascading Style Sheet | CSS
Cascading Style Sheet | CSS
 
Unit 2.1
Unit 2.1Unit 2.1
Unit 2.1
 
Css
CssCss
Css
 
Flex 3 - Introduction
Flex 3 - IntroductionFlex 3 - Introduction
Flex 3 - Introduction
 

Kürzlich hochgeladen

UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8DianaGray10
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...DianaGray10
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
20200723_insight_release_plan
20200723_insight_release_plan20200723_insight_release_plan
20200723_insight_release_planJamie (Taka) Wang
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioChristian Posta
 
Things you didn't know you can use in your Salesforce
Things you didn't know you can use in your SalesforceThings you didn't know you can use in your Salesforce
Things you didn't know you can use in your SalesforceMartin Humpolec
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxMatsuo Lab
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Adtran
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfDaniel Santiago Silva Capera
 
PicPay - GenAI Finance Assistant - ChatGPT for Customer Service
PicPay - GenAI Finance Assistant - ChatGPT for Customer ServicePicPay - GenAI Finance Assistant - ChatGPT for Customer Service
PicPay - GenAI Finance Assistant - ChatGPT for Customer ServiceRenan Moreira de Oliveira
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
Spring24-Release Overview - Wellingtion User Group-1.pdf
Spring24-Release Overview - Wellingtion User Group-1.pdfSpring24-Release Overview - Wellingtion User Group-1.pdf
Spring24-Release Overview - Wellingtion User Group-1.pdfAnna Loughnan Colquhoun
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintMahmoud Rabie
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.YounusS2
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfDianaGray10
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostMatt Ray
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsSeth Reyes
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 

Kürzlich hochgeladen (20)

UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8UiPath Studio Web workshop series - Day 8
UiPath Studio Web workshop series - Day 8
 
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
Connector Corner: Extending LLM automation use cases with UiPath GenAI connec...
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
20200723_insight_release_plan
20200723_insight_release_plan20200723_insight_release_plan
20200723_insight_release_plan
 
Comparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and IstioComparing Sidecar-less Service Mesh from Cilium and Istio
Comparing Sidecar-less Service Mesh from Cilium and Istio
 
Things you didn't know you can use in your Salesforce
Things you didn't know you can use in your SalesforceThings you didn't know you can use in your Salesforce
Things you didn't know you can use in your Salesforce
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptx
 
Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™Meet the new FSP 3000 M-Flex800™
Meet the new FSP 3000 M-Flex800™
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
 
PicPay - GenAI Finance Assistant - ChatGPT for Customer Service
PicPay - GenAI Finance Assistant - ChatGPT for Customer ServicePicPay - GenAI Finance Assistant - ChatGPT for Customer Service
PicPay - GenAI Finance Assistant - ChatGPT for Customer Service
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
Spring24-Release Overview - Wellingtion User Group-1.pdf
Spring24-Release Overview - Wellingtion User Group-1.pdfSpring24-Release Overview - Wellingtion User Group-1.pdf
Spring24-Release Overview - Wellingtion User Group-1.pdf
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 
Empowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership BlueprintEmpowering Africa's Next Generation: The AI Leadership Blueprint
Empowering Africa's Next Generation: The AI Leadership Blueprint
 
Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.Basic Building Blocks of Internet of Things.
Basic Building Blocks of Internet of Things.
 
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdfUiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
UiPath Solutions Management Preview - Northern CA Chapter - March 22.pdf
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and Hazards
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 

Adobe Flex Don't Style It, Skin it!

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.