Pour ceux d’entre vous qui ont eu la chance de passer à Flex 4, vous avez peut-être la même tendance que moi à chercher à éviter le préfixe <mx:> dans vos skins… Spark, quand tu nous tiens… Quoi qu’il en soit, certains types de composants n’ont pas été réécris pour Spark. Pourquoi ? Parce l’architecture Spark propose quelque chose de top : les layouts. Et les layouts, c’est vaaaachement bien.

Explication…
(Lire la suite…)

Dans le dernier article, nous avons fait un petit tour d’horizon du nouveau système de skin de Flex4. J’ai brièvement présenté EazeElement que j’utilise dans l’article. Nous allons maintenant rentrer un peu plus profondément dans les primitives, qui vous permettent de créer vos propres formes et autres éléments graphiques personnalisés.
(Lire la suite…)

Je vous propose un petit tour d’horizon de la création de compo personnalisés avec Flex4 et le skinning. Vous allez voir ! Comme moi, vous ne voudrez plus jamais faire de Flex3. Moi ça fait 5 mois… et j’en suis bien content !
(Lire la suite…)

Si les interfaces 3D permettent de très jolis effets graphiques ( whitevoid par exemple ) , j’ai vu peu d’exemples dans lesquels la 3D apportait une réelle amélioration en terme « d’ergonomie ». Dans la présentation qui suit, BeeDocs propose un intéressant concept de visualisation 3D de chronologies.

(Lire la suite…)

Durant les conférences MAX 2007 Adobe a présenté Thermo : l’outil qui va « révolutionner » le workflow « designer / developper » durant la création d’appli Flex. Les démos nous montraient la possibilité de créer des fichiers mxml en quelques clics à partir de fichiers graphiques ( photoshop, fireworks… ).

Dans cette nouvelle vidéo, un des concepteurs de l’application revient sur les avancées de Flex builder 3 en terme de personnalisation graphique, et nous explique pourquoi et comment Thermo viendra épauler Flex 4 pour la création de nos futures applications riches.

Thermo@adobe Labs

Voir la présentation vidéo officielle de Thermo

via http://www.rictus.com/muchado

Ce 2 janvier est sortie un framework qui fera certainement parler de lui dans les mois à venir : j’ai nommé Degrafa. Cela fait un moment que je l’attendais celui-là… et en teasing ils en connaissent un rayon les p’tit gars de Degrafa !

Baptisé Origin dans sa version Beta, Degrafa est un framework de design déclaratif pour Flex. En gros : 2/3 balises mxml et vous voilà avec un joli polygone ou autres géométries vectorielles. De quoi se réinventer un tableau blanc.
Mais c’est aussi bien plus que ça : en plus de formes simples classiques, de formes libres, et autres outils de barbouillages; Degrafa nous fournis un certain nombre de classe nous permettant de skinner nos composants simplement. Une gestion étendue des fichiers SVG est prévu par la team… miam ! Et certainement d’autre chose à découvrir.

Le Framework est disponible sur le Google Code Degrafa. Plus d’information sur degrafa.com

A noter quelques bugs, notamment dans la gestion des skins CSS (class CSSSkin), que j’ai pu faire remonter sur le Google group du projet. Une version prochaine devrait résoudre tout ça.

En attendant, et parce que c’est bien d’agir, vous pouvez voir mon petit essai (les sources au clic droit. Le composant lafabrick dispo ici ).

UPDATE | Un autre exemple de création de forme en AS3 (sources incluses)

Le développement du simulateur Climatus demande une bonne dose d’architecture pour ne pas ce noyer dans les classes. Et quoi de mieux qu’un petit framework pour structurer tout ça ?!

J’ai donc démarré le développement d’une librairie de composants, avec un ensemble de classes pour la gestion de mes vues, que j’utilise directement dans le simulateur. 3 composants principaux pour l’instant, dérivés de TitleWindow :

• DraggableWindow et ResizableWindow : un TitleWindow draggable et resizable (on s’en serait douté !), inspiré de plusieurs travaux sur des composants Flex glané sur le web. La notion de Skin à une place importante, et, je l’espère, moins limitative que certain exemple que l’on peux trouver… et d’autres petites « features » que je vous laisse découvrir !
• ExpandedWindow est le concentré des 2 autres, avec une gestion d’évenements « minimize » et « maximize », à la manière de l’évenement « close » du TitleWindow.

Je vous propose de découvrir cette petite librairie, via le googleCode « lafabrick » (pour changer !)

• lafabrick.swc
• documentation

UPDATE
Un petit exemple, avec les sources.

N’hésitez pas à me faire part de vos réactions, remarques et idées qui me permettront d’améliorer et d’étoffer cette librairie.

Inspiré du projet BumpTop, et dans le même genre que les travaux de Thomas Brault ( et surtout de ) , voici une présentation du projet TileUI.

Prenez un bol de Flex , ajoutez une goutte de physique , une pointe de 3D. Secouez pendant une douzaine de jours…

Plus d’infos ici
Démo : www.tileui.com

Flex Style Explorer est une appli Flex pratique et pédagogique, qui vous permet de visualiser et de générer des styles CSS pour vos composants Flex. Ca permet de découvrir rapidement une partie des (nombreuses) propriétés disponibles. C’est pas exhaustif, au bout d’un moment vous serez obligé de vous plonger dans la doc, mais pour commencer c’est pratique.

C’est l’occasion de signaler que vous pouvez trouver de nouveaux composants sur FlexLib et FlexBox.