Adobe & HTML

Adobe

Adobe Edge Reflow

Adobe Edge Reflow CC (version préliminaire)

Contribuez à la réactivité du web.

Qu'est-ce qu'Adobe Edge Reflow ?

Edge Reflow est un outil permettant aux designers d'élaborer de superbes contenus réactifs pour tous les formats d'écran. Créez du contenu sur la surface native d'un site web en bénéficiant des toutes dernières fonctions CSS, prévisualisez vos créations en temps réel grâce à l'intégration avec Edge Inspect et extrayez le code CSS à l'intention des développeurs pour être sûr que votre vision de départ ne sera pas trahie pendant la phase de développement.

À qui s'adresse Edge Reflow ?

Edge Reflow est idéal pour les designers web qui veulent créer des mises en forme réactives et des feuilles de style CSS pour les tout derniers navigateurs.

Qu'est-ce qui différencie véritablement Edge Reflow des autres produits ?

Avec Edge Reflow, vous pouvez créer des mises en forme réactives pour tous les formats d'écran. Voici ses principales fonctionnalités :

  • Grâce au moteur WebKit, Edge Reflow offre un rendu web 1:1 qui permet de respecter les contraintes des navigateurs.
  • De par son intégration avec d'autres produits et services Adobe, Edge Reflow s'adapte parfaitement aux workflows quotidiens.
  • Les fonctions d'extraction CSS garantissent un workflow direct entre designers et développeurs.

Des mises à niveau d'Edge Reflow (version préliminaire) sont-elles prévues ?

Oui. Adobe recueille les commentaires des utilisateurs, permettant ainsi à notre équipe d'apporter des améliorations dans le cadre de mises à jour régulières.

Comment se procurer Edge Reflow (version préliminaire) ?

La version préliminaire d'Edge Reflow est disponible en téléchargement pour tous les titulaires d'un abonnement Creative Cloud gratuit ou complet.

Dans quelles langues Edge Reflow (version préliminaire) est-il disponible ?

Edge Reflow (version préliminaire) est disponible en anglais et en français. Il peut néanmoins être téléchargé et utilisé dans le monde entier, à l'exception des pays soumis à l'embargo. Pour plus de détails, reportez-vous au contrat de licence de l'utilisateur final.

À terme, Edge Reflow remplacera-t-il Fireworks ?

Fireworks est un outil de prototypage, de représentation filaire et de conception graphique. Edge Reflow est quant à lui spécialement conçu pour la création de mises en forme et visuels réactifs basés sur des feuilles de style CSS standard. Même si elles peuvent parfois se recouper, il s'agit d'applications uniques qui servent des fins différentes.

En quoi Edge Reflow diffère-t-il d'Adobe Muse CC ou de Dreamweaver CC ?

Edge Reflow CC (version préliminaire) permet aux designers web de créer du contenu réactif en s'appuyant sur une surface de conception WebKit et en définissant des propriétés de mise en forme CSS et de style. Les designers définissent des points d'arrêt de requête multimédia pour manipuler les éléments et les adapter à différents formats d'écran. Edge Reflow crée le code HTML pendant la phase de création, mais il vise aussi avant tout à faciliter le partage des projets de conception réactive des designers et l'extraction des feuilles de style CSS destinées au designer ou à un développeur dans le cadre du processus de production web.

Adobe Muse CC permet aux designers de créer et publier des sites web complets. Il gère la création de contenu mobile en permettant l'adaptation de la mise en forme initiale à d'autres terminaux. Le designer peut ainsi offrir une expérience exceptionnelle quel que soit le format d'écran. Grâce à Adobe Muse, les designers peuvent publier leurs sites sans devoir écrire ou modifier la moindre ligne de code HTML, CSS ou JavaScript.

Dreamweaver CC est l'outil tout-en-un idéal pour créer rapidement du contenu web et mobile. La fonction de mise en forme à grille fluide optimisée permet aux développeurs et designers de générer du code impeccable de manière intuitive pour leurs contenus web réactifs. Edge Reflow est un outil très visuel qui sert à concevoir et produire rapidement différentes compositions pour divers équipements, en visualisant le résultat sur les écrans correspondants. Contrairement à Dreamweaver, Edge Reflow ne fournit pas de fonctions de codage, ce qui oblige à extraire le code CSS généré pour la mise en œuvre et le déploiement.

Quel est le workflow habituel dans Edge Reflow ?

En principe, les designers importent des illustrations depuis Photoshop CC, Illustrator CC ou Fireworks dans Edge Reflow, puis créent des mises en forme réactives pour différents formats d'écran en utilisant la surface de conception redimensionnable. Grâce à son intégration avec Edge Web Fonts, Edge Reflow permet d'ajouter des polices adaptées aux navigateurs, ainsi que des feuilles de style CSS avec dégradés personnalisés, styles de bordure, ombres portées, etc. Lorsque les différentes compositions sont prêtes, vous pouvez les prévisualiser dans le navigateur ou sur les terminaux via Edge Inspect avant d'extraire le code CSS pour la phase de développement.

Edge Reflow permet-il l'exportation au format HTML ?

Non, mais vous pouvez prévisualiser les contenus HTML dans les navigateurs web et tester ainsi leur comportement dans l'environnement de l'utilisateur final.

Quelles sont les fonctionnalités prévues pour les prochaines versions ?

Actuellement, Edge Reflow est une version préliminaire dont notre équipe reconnaît les fonctionnalités limitées. Nous voulons offrir aux membres de la communauté Adobe la possibilité de tester l'application et les encourageons à nous faire part de leurs commentaires. Nous avons l'intention de publier des mises à niveau mensuelles. Sans entrer dans le détail des fonctionnalités, nous pouvons dire que l'équipe, sur les conseils des membres de la communauté, revoit de nombreux éléments clés, et travaille notamment à l'optimisation du workflow et de la gestion des styles.

Edge Reflow est-il compatible avec d'autres outils Adobe ?

Oui, vous pouvez importer des illustrations créées dans Photoshop CC, Illustrator CC ou Fireworks. Edge Reflow est intégré avec Edge Inspect et Edge Web Fonts, ce qui facilite l'accès aux polices pendant la phase de création.

Pour les prochaines versions, nous explorons activement d'autres workflows avec Edge Tools and Services et Creative Cloud.

Pourquoi Edge Reflow fait-il partie intégrante de l'abonnement gratuit à Creative Cloud ?

Non seulement nous offrons aux membres de Creative Cloud l'accès aux toutes dernières innovations d'Adobe, mais nous donnons à toute la communauté la possibilité de découvrir Edge Reflow, afin de l'évaluer et d'envoyer des commentaires qui permettront d'améliorer les fonctionnalités et la feuille de route de l'application. N'hésitez pas à nous soumettre vos demandes de fonctionnalités et à signaler les bogues éventuels sur notre forum web pour que nous puissions optimiser Edge Reflow.

Quels sont les systèmes d'exploitation compatibles avec Edge Reflow (version préliminaire) ?

La version préliminaire d'Edge Reflow est compatible avec les derniers systèmes d'exploitation Mac et Windows. Voir les caractéristiques techniques pour plus d'informations.

Le tout nouveau Edge Reflow est disponible. Abonnez-vous à Creative Cloud pour bénéficier d'Edge Reflow CC et de tous les outils dont vous avez besoin pour créer, collaborer et rester connecté. Initiez-vous au logiciel avec un abonnement gratuit à Creative Cloud.
Qu'est-ce que Creative Cloud ? →