Skip navigation

Currently Being Moderated

Edge Reflow Preview Release Notes

Feb 12, 2013 2:16 PM

 

 

Release Notes - 03/25/2014

 

build 42.15851

 

What's New

 

-----------

 

Bug Fixes

  • Reparenting an element no longer causes sibling element to move.
  • Adding a link to an element does not change the element’s size (issue 129).
  • CSS is not lost when opening a Reflow project directly from the Mac Finder / Windows Explorer (issue 133).
  • On Macs with dual GPUs, the integrated GPU is now used, to reduce power usage.
  • We removed the non-functional “Preferences” item in the Edge Reflow menu on Mac.

 

Known Limitations

-----------

 

 

Photoshop Import Limitations

  • You must have Photoshop CC version 14.1 or higher to create Edge Reflow projects from PSDs.
  • The Photoshop “background” layer is ignored during import.
  • A rectangular shape layer will become a div with CSS gradients, shadows and border applied.
  • Polygons and line-join shapes are not currently supported when exporting a project from Photoshop to Reflow.
  • A gradient layer with a linear gradient will become a div with a gradient background. Other gradients, such as radial, are ignored.
  • Gradient midPoint values are ignored.
  • The following layer effects in Photoshop are supported when exporting to Reflow, but others are not: drop shadow, inner shadow, strokes.
  • Text areas with more than one paragraph style are not currently supported. We will take the first one and apply that to the P tag, though multiple text styles will be created using spans.
  • Text can have a drop shadow, but not an inner shadow. "Inset" isn't supported by CSS text-shadow the way it is by box-shadow.
  • If multiple shapes exist with the same shape layer, Reflow will not import it as a complex shape.
  • Transforms and clipping applied to shape layers are ignored.
  • Transforms and clipping applied to layers that are marked as assets may result in inaccurate bounds in Reflow. Grouping the relevant layers and marking that as an asset will work around this.

 

 

Installation Instructions

-----------

 

If you already have the Creative Cloud Desktop application, you can find "Edge Reflow CC" in the Apps tab. Click on the "Install" button in the Creative Cloud Desktop application. Even if you have Reflow already installed, the link will still say "Install," rather than "Upgrade." This is a known issue with the Creative Cloud Desktop application.

 

 

The installer will overwrite any existing installation of Edge Reflow CC.

 

 

If you do not have the Creative Cloud Desktop application, go to Edge Reflow CC's page on the Creative Cloud at https://creative.adobe.com/products/reflow and hit the download button. This will install the Creative Cloud Desktop application that helps you manage installation of all of your Adobe applications. Once the Creative Cloud Desktop application is installed, run it and go to the Apps tab to find Edge Reflow CC and install it from there.

 

 

If you have Photoshop CC installed, the Reflow installer will also install a Photoshop CC plugin allowing you several workflows between Edge Reflow CC and Photoshop CC. If you do not have Photoshop CC installed, no plugin will be installed. To install the plugin later, use a standalone plugin installer found at these links:

 

 

Mac: http://adobe.com/go/reflowpsplugin_mac

Win (32-bit): http://adobe.com/go/reflowpsplugin_win32

Win (64-bit): http://adobe.com/go/reflowpsplugin_win64

 

 

Note: The Edge Reflow CC Preview is available in all Creative Cloud plans including the FREE option.

 

System Requirements

-----------

 

Windows

 

Intel® Pentium® 4 or AMD Athlon® 64 processor

Windows® 7 or Windows 8 operating system

2GB RAM

200MB of available hard-disk space for installation

1280x800 display with 16-bit video card

 

Mac OS

 

Multicore Intel processor

Mac OS X v10.7 or v10.8 operating system

2GB RAM

200MB of available hard-disk space for installation

1280x800 display with 16-bit video card

 

 

Language Support

-----------

 

Adobe Edge Reflow is translated for English and French.

 

 

Notes de mise à jour – 25/03/2014

 

Version 42.15851


Nouveautés

-------------

 

Correctifs

Lorsque le parent d’un élément est redéfini, cela ne provoque plus de déplacement de l’élément frère.

● Lorsqu’un lien est ajouté à un élément, cela ne modifie plus la taille de ce dernier (problème 129).

Le code CSS n’est plus perdu lorsque vous ouvrez un projet Reflow directement depuis le Finder Mac ou l’Explorateur Windows (problème 133).

● Sur les ordinateurs Mac avec deux processeurs graphiques (GPU), le GPU intégré est désormais utilisé, afin de réduire la consommation électrique.

● Nous avons supprimé l’option « Préférences » non fonctionnelle du menu Edge Reflow sous Mac.

 

 

Restrictions d’importation dans Photoshop

● Vous devez disposer de Photoshop CC version 14.1 ou ultérieure pour pouvoir créer des projets Edge Reflow à partir de fichiers PSD.

● Le calque « Arrière-plan » de Photoshop n’est pas pris en compte dans l’importation.

● Les calques de forme rectangulaire sont transformés en conteneurs div auxquels sont appliquées les propriétés CSS de dégradé, d’ombre et de bordure.

● Les polygones et les formes contenant des sommets de ligne ne sont pas pris en charge actuellement lors de l’exportation d’un projet de Photoshop vers Reflow.

● Les calques de dégradé contenant un dégradé linéaire sont transformés en conteneurs div possédant un dégradé en arrière-plan. Les autres dégradés, par exemple les dégradés radiaux, ne sont pas pris en compte.

● Les valeurs de milieu de dégradé ne sont pas prises en compte.

● Les effets de calque Photoshop suivants sont pris en charge lors de l’exportation vers Reflow : Ombre portée, Ombre interne, Contours. Tous les autres effets ne sont pas pris en charge.

● Les zones de texte contenant plusieurs styles de paragraphe ne sont pas prises en charge actuellement. Le premier style sera appliqué à la balise P, tandis que plusieurs styles de texte seront créés à l’aide de balises span.

● Le texte peut présenter une ombre portée, mais pas d’ombre interne. La propriété d’incrustation (« Inset ») n’est pas prise en charge de la même manière par les ombres de textes et les ombres d’encadrés.

● Si plusieurs formes sont présentes dans un même calque de forme, Reflow ne l’importe pas en tant que forme complexe.

● Les transformations et l’écrêtage appliqués aux calques de forme ne sont pas pris en compte.

● Les transformations et l’écrêtage appliqués aux calques marqués en tant qu’actifs peuvent entraîner des limites inexactes dans Reflow. Pour éviter ce problème, regroupez les calques concernés et marquez ce groupe en tant qu’actif.

 

Instructions d’installation

Si l’application de bureau Creative Cloud est déjà installée, vous trouverez Edge Reflow CC dans l’onglet Apps. Cliquez sur le bouton Installer dans l’application de bureau Creative Cloud. Même si Reflow est déjà installé, le lien indique « Installer » et non « Mettre à jour ». Il s’agit d’un problème connu de l’application de bureau Creative Cloud.

 

Le programme d’installation supprime toute installation existante d’Edge Reflow CC.

 

Si l’application de bureau Creative Cloud n’est pas installée, rendez-vous sur la page d’Edge

Reflow CC sur Creative Cloud à l’adresse https://creative.adobe.com/products/reflow et cliquez sur le bouton Télécharger. L’application de bureau Creative Cloud est alors installée. Cette application vous aide à gérer l’installation de toutes vos applications Adobe. Une fois l’application de bureau Creative Cloud installée, exécutez-la, accédez à l’onglet Apps, puis installez Edge Reflow CC à partir de là.

 

Si vous possédez déjà Photoshop CC, le programme d’installation de Reflow installe également un plug-in Photoshop CC, qui vous permet d’avoir plusieurs flux de travaux entre Edge Reflow CC et Photoshop CC. Si Photoshop CC n’est pas installé sur votre machine, aucun plug-in ne sera installé. Pour installer le plug-in quand vous le souhaitez, utilisez un programme d’installation autonome, disponible ici :

 

Mac : http://adobe.com/go/reflowpsplugin_mac_fr

Win (32 bits) : http://adobe.com/go/reflowpsplugin_win32_fr

Win (64 bits) : http://adobe.com/go/reflowpsplugin_win64_fr

 

Remarque : Edge Reflow CC Preview est disponible dans toutes les formules Creative Cloud, y compris la formule GRATUITE.

 

Configuration requise


Windows

Processeur Intel® Pentium® 4 ou AMD Athlon® 64

Système d’exploitation Windows® 7 ou Windows 8

2 Go de RAM

200 Mo d’espace disponible sur le disque dur pour l’installation Affichage 1280 x 800 avec carte vidéo 16 bits

 

Mac OS

Processeur Intel multicœur

Système d’exploitation Mac OS X v10.7 ou v10.8

2 Go de RAM

200 Mo d’espace disponible sur le disque dur pour l’installation Affichage 1280 x 800 avec carte vidéo 16 bits

 

 

Langues prises en charge

Adobe Edge Reflow est disponible en anglais et en français.

 

 

-----------

Release Notes - 01/29/2014

 

build 0.37.15833

 

What's New

 

-----------

 

Better Out of Box Experience

We have made the Out of Box Experience better! More feedback when you change the responsive breakpoints, links to videos for each of our features, and clarity on where you can find our tutorials and give feedback.

 

Bug Fixes

Previewing on Chrome no longer shows errors when you open the link popover UI but don’t add a link.

Button element shadows are now editable.

Undo now works correctly with border property changes.

Page dropdown in the link popover UI now includes the current page.

Form element have consistent behavior after exiting preview mode.

 

Known Limitations

-----------

CSS Regions are supported in Safari 6.1 and higher and are behind a feature flag in mainline Chrome.

Some people on OS 10.9 may experience a crash or freeze when opening or saving files in Edge Reflow. The root cause is described here: http://helpx.adobe.com/x-productkb/global/crash-using-open-save-dialog -mac.html. To avoid this issue, do not use the "coverflow" view in Finder.

 

Release Notes - 01/14/2014

 

build 0.36.15772

 

What's New

 

-----------

 

Out of Box Experience

-----------

We have added a starter project to Edge Reflow that you can interact and play with upon first launch. This should give you an idea of how to interact with breakpoints, move things around a page, interact with groups and understand how layout works. The project should also help to inform you about new features available in this update of Reflow. You can open it at any time by selecting "Open Welcome Project" from the Help menu.

 

 

Layout Insertion Caret

-----------

In an effort to make layout in Reflow easier, we have added an insertion caret to help you visualize where an element will land when you move it. As you drag an element, if the mouse is between other elements or overlapping elements, a visual caret will display the position at which the element will land. The element can land between two elements splitting margins evenly. Similarly, if the caret is flush against the right or left side of another element, it will land on the edge setting new margins to 0.

 

 

Form Elements

-----------

Reflow now includes the ability to add form elements to your design. From the main tools menu, you can add a button, text input, select, checkbox, or radio button to your design. Once the form element is on your canvas, you can change various properties of the element in the property inspector such as the orientation of labels or the value of a button.

 

 

States and Linking

-----------

Any element on the Reflow canvas can now have a link added to it. You can also style any element for hover, active and focus states. Links can be made to a URL or to another page in your design. These links and states will work in the tab preview mode or the browser preview.

 

 

Grouping

----------

We have changed the interaction with groups in this update to Edge Reflow. In this version, groups will be visualized on the canvas with a dashed line. Other elements on the canvas have a solid line. Elements can now be edited, added or removed from a group without ungrouping. If you have a group, select the group with one click of your mouse, then click once more to edit an element in that group.

 

 

Known Limitations

-----------

- CSS Regions are supported in Safari 6.1 and higher and behind a feature flag in mainline Chrome.

- Some people on OS 10.9 may experience a crash or freeze when opening or saving files in Edge Reflow. The root cause is described here: http://helpx.adobe.com/x-productkb/global/crash-using-open-save-dialog -mac.html. To avoid this issue, do not use the "coverflow" view in Finder.

 

 

Photoshop Import Limitations

- You must have Photoshop CC version 14.1 or higher to create Edge Reflow projects from PSDs

- The Photoshop 'background' layer is ignored during import.

- A rectangular shape layer will become a div with css gradients, shadows and border applied.

- Polygons and line-join shapes are not currently supported when exporting a project from Photoshop to Reflow.

- A gradient layer with a linear gradient will become a div with a gradient background. Other gradients, such as radial, are ignored.

- Gradient midPoint values are ignored.

- The following layer effects in Photoshop are supported when exporting to Reflow, but others are not: drop shadow, inner shadow, strokes.

- Text areas with more than one paragraph style are not currently supported. We will take the first one and apply that to the P tag, though multiple text styles will be created using spans.

- Text can have a drop shadow, but not an inner shadow. "Inset" isn't supported by CSS text-shadow the way it is by box-shadow.

- If multiple shapes exist with the same shape layer, Reflow will not import it as a complex shape.

- Transforms and clipping applied to shape layers are ignored.

- Transforms and clipping applied to layers that are marked as assets may result in inaccurate bounds in Reflow. Grouping the relevant layers and marking that as an asset will work around this.

 

 

Installation Instructions

 

 

-----------

 

If you already have the Creative Cloud Desktop application, you can find "Edge Reflow CC" in the Apps tab. Click on the "Install" button in the Creative Cloud Desktop application. Even if you have Reflow already installed, the link will still say "Install," rather than "Upgrade." This is a known issue with the Creative Cloud Desktop application.

 

 

The installer will overwrite any existing installation of Edge Reflow CC.

 

 

If you do not have the Creative Cloud Desktop application, go to Edge Reflow CC's page on the creative cloud at https://creative.adobe.com/products/reflow and hit the download button. This will install the Creative Cloud Desktop application that helps you manage installation of all of your Adobe applications. Once the Creative Cloud Desktop application is installed, run it and go to the Apps tab to find Edge Reflow CC and install it from there.

 

 

If you have Photoshop CC installed, the Reflow installer will also install a Photoshop CC plugin allowing you several workflows between Edge Reflow CC and Photoshop CC. If you do not have Photoshop CC installed, no plugin will be installed. To install the plugin later, use a standalone plugin installer found at these links:

 

 

Mac: http://adobe.com/go/reflowpsplugin_mac

Win (32-bit): http://adobe.com/go/reflowpsplugin_win32

Win (64-bit): http://adobe.com/go/reflowpsplugin_win64

 

 

Note: The Edge Reflow CC Preview is available in all Creative Cloud plans including the FREE option.

 

 

 

 

System Requirements

 

-----------

 

Windows

 

Intel® Pentium® 4 or AMD Athlon® 64 processor

Windows® 7 or Windows 8 operating system

2GB RAM

200MB of available hard-disk space for installation

1280x800 display with 16-bit video card

 

Mac OS

 

Multicore Intel processor

Mac OS X v10.7 or v10.8 operating system

2GB RAM

200MB of available hard-disk space for installation

1280x800 display with 16-bit video card

 

 

Language Support

-----------

 

Adobe Edge Reflow is translated for English and French.

 

-----------

 

Notes de mise à jour - 14/01/2011

 

Version 0.37.15833


Nouveautés

-------------


Solution prête à l’emploi améliorée

Notre solution prête à l’emploi est encore plus agréable à utiliser ! Vous bénéficiez d’un meilleur retour lorsque vous modifiez des points d’arrêt réactifs, nous avons ajouté des liens vers des vidéos portant sur chacune de nos fonctionnalités, et il est plus facile de savoir où trouver les didacticiels et comment envoyer des commentaires.

 

Correctifs

● Dans Chrome, la fonction d’aperçu ne provoque plus d’erreurs lorsque vous ouvrez la fenêtre contextuelle de gestion des liens mais n’ajoutez pas de lien vers du texte.

● Les éléments de bouton disposent désormais d’ombres de bordure modifiables.

● Les opérations d’annulation fonctionnement correctement en cas de modification des propriétés de bordure.

● Dans la fenêtre contextuelle de gestion des liens, le menu déroulant de page affiche la page en cours comme étant désactivée, pour éviter toute confusion au niveau des pages à associer.

● Plusieurs correctifs ont été apportés au niveau des éléments de formulaire pour garantir un comportement cohérent quand l’utilisateur quitte le mode d’aperçu.

Restrictions connues

● Les régions CSS sont prises en charge dans Safari 6.1 et versions ultérieures, ainsi que derrière un indicateur de fonction (« feature flag ») dans la version classique de Chrome.

● Pour certaines personnes disposant d’un système d’exploitation 10.9, il se peut que le système plante ou se bloque lors de l’ouverture ou de l’enregistrement de fichiers dans Edge Reflow. La cause principale de ce bug est décrite ici :

http://helpx.adobe.com/fr/xproductkb/global/crash-using-open-save-dial og-mac.html. Pour éviter ce problème, n’utilisez pas la vue « Coverflow » du Finder.

 

 

build 0.36.15772

 

Nouveautés

 

-----------

 

 

Solution prête à l’emploi

-----------

Nous avons ajouté un projet de démarrage dans Edge Reflow ; au premier lancement de l’application, n’hésitez pas à interagir avec ce projet et à jouer avec les différentes options. Ainsi, vous apprendrez rapidement à utiliser les points d’arrêt, à déplacer des éléments dans une page, à interagir avec les groupes et à comprendre comment fonctionne la mise en page. Ce projet vise également à vous faire découvrir les nouvelles fonctionnalités disponibles dans cette mise à jour de Reflow. Vous pouvez le rouvrir à tout moment en cliquant sur « Ouvrir le projet de démarrage » dans le menu Aide.

 

 

Lambda (signe d’insertion) pour la mise en page

-----------

Afin de faciliter la mise en page dans Reflow, nous avons ajouté un lambda d’insertion pour que vous puissiez visualiser à quel endroit un élément va apparaître lorsque vous le déplacez. A mesure que vous faites glisser l’élément, si le curseur se trouve entre ou par-dessus d’autres éléments, un lambda visuel affiche l’endroit où l’élément va atterrir. L’élément peut atterrir entre deux autres éléments, en fractionnant les marges à parts égales. De même, si le lambda se trouve tout contre le côté gauche ou droit d’un autre élément, il se retrouve positionné sur le bord et les nouvelles marges sont définies sur 0.

 

 

Eléments de formulaire

-----------

Reflow permet désormais d’ajouter des éléments de formulaire à votre projet de conception. Depuis le menu d’outils principal, vous pouvez ajouter un bouton, une saisie de texte, une case à cocher ou un bouton radio à votre projet. Une fois que l’élément de formulaire est placé sur la zone de dessin, vous pouvez modifier ses différents attributs dans le volet Inspecteur des propriétés, par exemple l’orientation des étiquettes ou la valeur des boutons.

 

 

Etats et création de liens

-----------

Chaque élément de la zone de dessin Reflow peut désormais être associé à un lien. Vous pouvez également appliquer un style à chaque élément selon qu’il présente l’état survol, actif ou focus. Les liens peuvent renvoyer vers une adresse URL ou vers une autre page de votre projet. Ces liens et les états définis fonctionnent dans le mode d’aperçu des onglets ou dans l’aperçu du navigateur.

 

 

Regroupement

----------

Cette mise à jour d’Edge Reflow propose de nouvelles interactions possibles avec les groupes. Dans cette version, les groupes sont représentés sur la zone de dessin par une ligne en pointillé. Les autres éléments de la zone de dessin sont illustrés par une ligne pleine. Il est désormais possible de modifier, d’ajouter ou de supprimer les éléments d’un groupe sans pour autant éliminer le groupe lui-même. Si vous disposez d’un groupe, sélectionnez-le en cliquant dessus avec la souris, puis cliquez à nouveau pour modifier un élément qu’il contient.

 

 

Restrictions connues

-----------

- Les régions CSS sont prises en charge dans Safari 6.1 et versions ultérieures, ainsi que derrière un indicateur de fonction (« feature flag ») dans la version classique de Chrome.

- Pour certaines personnes disposant d’un système d’exploitation 10.9, il se peut que le système plante ou se bloque lors de l’ouverture ou de l’enregistrement de fichiers dans Edge Reflow. La cause principale de ce bug est décrite ici : http://helpx.adobe.com/x-productkb/global/crash-using-open-save-dialog -mac.html. Pour éviter ce problème, n’utilisez pas la vue « Coverflow » du Finder.

 

 

Restrictions d’importation dans Photoshop

- Vous devez disposer de Photoshop CC version 14.1 ou ultérieure pour pouvoir créer des projets Edge Reflow à partir de fichiers PSD.

- Le calque « Arrière-plan » de Photoshop n’est pas pris en compte dans l’importation.

- Les calques de forme rectangulaire sont transformés en conteneurs div auxquels sont appliquées les propriétés CSS de dégradé, d’ombre et de bordure.

- Les polygones et les formes contenant des sommets de ligne ne sont pas pris en charge actuellement lors de l’exportation d’un projet de Photoshop vers Reflow.

- Les calques de dégradé contenant un dégradé linéaire sont transformés en conteneurs div possédant un dégradé en arrière-plan. Les autres dégradés, par exemple les dégradés radiaux, ne sont pas pris en compte.

- Les valeurs de milieu de dégradé ne sont pas prises en compte.

- Les effets de calque Photoshop suivants sont pris en charge lors de l’exportation vers Reflow : Ombre portée, Ombre interne, Contours. Tous les autres effets ne sont pas pris en charge.

- Les zones de texte contenant plusieurs styles de paragraphe ne sont pas prises en charge actuellement. Le premier style sera appliqué à la balise P, tandis que plusieurs styles de texte seront créés à l’aide de balises span.

- Le texte peut présenter une ombre portée, mais pas d’ombre interne. La propriété d’incrustation (« Inset ») n’est pas prise en charge de la même manière par les ombres de textes et les ombres d’encadrés.

- Si plusieurs formes sont présentes dans un même calque de forme, Reflow ne l’importe pas en tant que forme complexe.

- Les transformations et l’écrêtage appliqués aux calques de forme ne sont pas pris en compte.

- Les transformations et l’écrêtage appliqués aux calques marqués en tant qu’actifs peuvent entraîner des limites inexactes dans Reflow. Pour éviter ce problème, regroupez les calques concernés et marquez ce groupe en tant qu’actif.

 

 

Instructions d’installation

-----------

 

 

Si l’application Creative Cloud pour bureau est déjà installée, vous trouverez Edge Reflow CC dans l’onglet Apps. Cliquez sur le bouton Installer dans l’application Creative Cloud pour bureau. Même si Reflow est déjà installé, le lien indique « Installer » et non « Mettre à jour ». Il s’agit d’un problème connu de l’application Creative Cloud pour bureau.

 

Le programme d’installation supprime toute installation existante d’Edge Reflow CC.

 

Si l’application Creative Cloud pour bureau n’est pas installée, rendez-vous sur la page Edge Reflow CC de Creative Cloud à l’adresse https://creative.adobe.com/products/reflow et cliquez sur le bouton Télécharger. L’application Creative Cloud pour bureau est alors installée. Celle-ci vous aide à gérer l’installation de toutes vos applications Adobe. Une fois l’application Creative Cloud pour bureau installée, exécutez-la, accédez à l’onglet Apps, puis installez Edge Reflow CC à partir de là.

 

Si vous possédez déjà Photoshop CC, le programme d’installation de Reflow installe également un plug-in Photoshop CC, qui vous permet d’avoir plusieurs flux de travaux entre Edge Reflow CC et Photoshop CC. Si Photoshop CC n’est pas installé sur votre machine, aucun plug-in ne sera installé. Pour installer le plug-in quand vous le souhaitez, utilisez un programme d’installation autonome, disponible ici :

 

Mac : http://adobe.com/go/reflowpsplugin_mac_fr

Win (32 bits) : http://adobe.com/go/reflowpsplugin_win32_fr

Win (64 bits) : http://adobe.com/go/reflowpsplugin_win64_fr

 

Remarque : Edge Reflow CC Preview est disponible dans toutes les formules Creative Cloud, y compris la formule GRATUITE.

 

Configuration requise

 

-----------

 

 

Windows

 

Processeur Intel® Pentium® 4 ou AMD Athlon® 64

Système d’exploitation Windows® 7 ou Windows 8

2 Go de RAM

200 Mo d’espace disponible sur le disque dur pour l’installation

Affichage 1280 x 800 avec carte vidéo 16 bits

 

Mac OS

Processeur Intel multicœur

Système d’exploitation Mac OS X v10.7 ou v10.8

2 Go de RAM

200 Mo d’espace disponible sur le disque dur pour l’installation

Affichage 1280 x 800 avec carte vidéo 16 bits

 

 

Langues prises en charge

-----------

 

Adobe Edge Reflow est disponible en anglais et en français.

 

-----------

 

 

Release Notes - 09/24/2013

 

build 0.31.13658


What's New

-----------

 

Use CSS Regions to create exciting new layouts that have never been seen before on the web. Leverage flow containers to achieve stunning effects with text and images.

 

To try out CSS Regions in your responsive projects, follow these steps:

1. Go to the View -> Shiny Web Features and enable CSS Regions.

2. Select any number of elements on your canvas that you want to be in a flow container.

3. Right-click and choose "Create Region Container."

4. Add additional flow containers that will connect to the one created in step 3 by clicking on the + icon from one of your regions. 

5. Edit the content of your flow containers by double-clicking on a flow container to go into "content editing" mode. In this mode, you can add, delete or move elements around the container.

6. Exit the content editing mode by double-clicking on the canvas again or hitting the left arrow key on the status bar.

7. Preview your designs in Safari or Chrome via the View menu.

 

For more information on CSS Regions, go to:

A general description of CSS regions: http://html.adobe.com/webplatform/layout/regions/

CSS regions within Edge Reflow CC: http://html.adobe.com/edge/reflow/shiny-web-features.html

 

How to use CSS regions and Reflow (video): http://adobe.com/go/css_regions_video

 

Known Limitations

-----------

- CSS Regions are supported in Safari 6.1 and higher and behind a feature flag in mainline Chrome.

- break-after and break-before do not work when elements on the canvas use the float layout properties.

 

 

Photoshop Import Limitations

- You must have Photoshop CC version 14.1 or higher to create Edge Reflow projects from PSDs

- The Photoshop 'background' layer is ignored during import.

- Rectangular shape layers will become a div with css gradients, shadows and border applied.

- Polygons and line-join shapes are not currently supported when exporting a project from Photoshop to Reflow.

- Gradient layers with a linear gradient will become a div with a gradient background. Other gradients, such as radial, are ignored.

- Gradient midPoint values are ignored

- The following layerEffects in Photoshop are supported when exporting to Reflow, but others are not: Drop shadow, Inner shadow, Strokes

- Text areas with more than one paragraph style are not currently supported. We will take the first one and apply that to the P tag, though multiple text styles will be created using spans.

- Text can have a drop shadow, but not an inner shadow. "Inset" isn't supported by CSS text-shadow the way it is by box-shadow.

- If multiple shapes exist with the same shape layer, Reflow will not import it as a complex shape.

- Transforms and clipping applied to shape layers are ignored.

- Transforms and clipping applied to layers that are marked as assets may result in inaccurate bounds in Reflow. Grouping the relevant layers and marking that as an asset will work around this.

 

 

Installation Instructions

-----------

 

If you already have the Creative Cloud Desktop application, you can find "Edge Reflow CC" in the Apps tab. Click on the "Install" button in the Creative Cloud Desktop application. Even if you have Reflow already installed, the link will still say "Install," rather than "Upgrade." This is a known issue with the Creative Cloud Desktop application.

 

The installer will overwrite any existing installation of Edge Reflow CC.

 

If you do not have the Creative Cloud Desktop application, go to Edge Reflow CC's page on the creative cloud at https://creative.adobe.com/products/reflow and hit the download button. This will install the Creative Cloud Desktop application that helps you manage installation of all of your Adobe applications. Once the Creative Cloud Desktop application is installed, go to the Apps tab to find Edge Reflow CC and install it from there.

 

 

If you have Photoshop CC installed, the Reflow installer will also install a Photoshop CC plugin enabling several workflows between Edge Reflow CC and Photoshop CC. If you do not have Photoshop CC installed, no plugin will be installed. To install the plugin later, download and run the standalone plugin installer:

 

Mac: http://adobe.com/go/reflowpsplugin_mac

Win (32-bit): http://adobe.com/go/reflowpsplugin_win32

Win (64-bit): http://adobe.com/go/reflowpsplugin_win64

 

Note: The Edge Reflow CC Preview is available in all Creative Cloud plans including the FREE option.

 

System Requirements

-----------

 

Windows

Intel® Pentium® 4 or AMD Athlon® 64 processor

Windows® 7 or Windows 8 operating system

2GB RAM

200MB of available hard-disk space for installation

1280x800 display with 16-bit video card

 

Mac OS

Multicore Intel processor

Mac OS X v10.7 or v10.8 operating system

2GB RAM

200MB of available hard-disk space for installation

1280x800 display with 16-bit video card

 

Language Support

-----------

 

Adobe Edge Reflow is translated for English and French.

-----------

Notes de mise à jour – 24/09/2013

 

Nouveautés

-----------

 

Utilisez les régions CSS pour créer de superbes mises en forme, totalement inédites sur le web. Grâce aux conteneurs de flux, vous pouvez réaliser des effets impressionnants au niveau du texte et des images.

 

Pour tester les régions CSS dans vos projets réactifs, procédez comme suit :

1. Cliquez sur Affichage -> Fonctionnalités web sensass, puis activez l’option Régions CSS.

2. Sélectionnez autant d’éléments que vous le souhaitez sur la zone de dessin afin de les ajouter à un conteneur de flux.

3. Effectuez un clic droit et sélectionnez « Créer un conteneur de région ».

4. Ajoutez les conteneurs de région qui viendront se connecter à celui créé à l’étape 3 en cliquant sur l’icône + dans l’une de vos régions. 

5. Modifiez les données de vos conteneurs de flux en double-cliquant sur l’un d’eux afin d’accéder au mode d’édition du contenu. Ce mode vous permet d’ajouter, de supprimer ou de déplacer les éléments associés au conteneur.

6. Quittez le mode d’édition du contenu en double-cliquant à nouveau sur la zone de dessin ou en appuyant sur la flèche vers la gauche dans la barre d’état.

7. Affichez l’aperçu de vos créations dans Safari ou dans Chrome par le biais du menu Affichage.

 

Pour plus d’informations sur les régions CSS, consultez les éléments suivants :

Description générale des régions CSS : http://html.adobe.com/webplatform/layout/regions/

Régions CSS dans Edge Reflow CC :  http://html.adobe.com/edge/reflow/shiny-web-features.html

 

Comment utiliser les régions CSS et Reflow (vidéo) : http://adobe.com/go/css_regions_video_fr

 

Restrictions connues

-----------

- Les régions CSS sont prises en charge dans Safari 6.1 et versions ultérieures, ainsi que derrière un indicateur de fonction (« feature flag ») dans la version classique de Chrome.

- Les fonctions « Couper avant » et « Couper après » ne fonctionnent pas lorsque des éléments de la zone de dessin utilisent des propriétés de mise en forme flottante.

 

Restrictions d’importation dans Photoshop

- Vous devez disposer de Photoshop CC version 14.1 ou ultérieure pour pouvoir créer des projets Edge Reflow à partir de fichiers PSD.

- Le calque « Arrière-plan » de Photoshop n’est pas pris en compte dans l’importation.

- Les calques de forme rectangulaire sont transformés en conteneurs div auxquels sont appliquées les propriétés css de dégradé, d’ombre et de bordure.

- Les polygones et les formes contenant des sommets de ligne ne sont pas pris en charge actuellement lors de l’exportation d’un projet de Photoshop vers Reflow.

- Les calques de dégradé contenant un dégradé linéaire sont transformés en conteneurs div possédant un dégradé en arrière-plan. Les autres dégradés, par exemple les dégradés radiaux, ne sont pas pris en compte.

- Les valeurs de milieu de dégradé ne sont pas prises en compte.

- Les effets de calque Photoshop suivants sont pris en charge lors de l’exportation vers Reflow : Ombre portée, Ombre interne, Contours. Tous les autres effets ne sont pas pris en charge.

- Les zones de texte contenant plusieurs styles de paragraphe ne sont pas prises en charge actuellement. Le premier style sera appliqué à la balise P, tandis que plusieurs styles de texte seront créés à l’aide de balises span.

- Le texte peut présenter une ombre portée, mais pas d’ombre interne. La propriété d’incrustation (« Inset ») n’est pas prise en charge de la même manière par les ombres de textes et les ombres d’encadrés.

- Si plusieurs formes sont présentes dans un même calque de forme, Reflow ne l’importe pas en tant que forme complexe.

- Les transformations et l’écrêtage appliqués aux calques de forme ne sont pas pris en compte.

- Les transformations et l’écrêtage appliqués aux calques marqués en tant qu’actifs peuvent entraîner des limites inexactes dans Reflow. Pour éviter ce problème, regroupez les calques concernés et marquez ce groupe en tant qu’actif.

 

 

Instructions d’installation

-----------

 

Si l’application Creative Cloud pour bureau est déjà installée, vous trouverez Edge Reflow CC dans l’onglet Apps. Cliquez sur le bouton Installer dans l’application Creative Cloud pour bureau. Même si Reflow est déjà installé, le lien indique « Installer » et non « Mettre à jour ». Il s’agit d’un problème connu de l’application Creative Cloud pour bureau.

 

Le programme d’installation supprime toute installation existante d’Edge Reflow CC.

 

Si l’application Creative Cloud pour bureau n’est pas installée, rendez-vous sur la page Edge Reflow CC de Creative Cloud à l’adresse https://creative.adobe.com/products/reflow et cliquez sur le bouton Télécharger. L’application Creative Cloud pour bureau est alors installée. Celle-ci vous aide à gérer l’installation de toutes vos applications Adobe. Une fois l’application Creative Cloud pour bureau installée, accédez à l’onglet Apps et installez Edge Reflow CC à partir de là.

 

 

Si vous possédez déjà Photoshop CC, le programme d’installation de Reflow installe également un plug-in Photoshop CC, qui vous permet d’avoir plusieurs flux de travaux entre Edge Reflow CC et Photoshop CC. Si Photoshop CC n’est pas installé sur votre machine, aucun plug-in ne sera installé. Pour installer le plug-in quand vous le souhaitez, utilisez un programme d’installation autonome, disponible ici :

 

 

Mac : http://adobe.com/go/reflowpsplugin_mac

Win (32 bits) : http://adobe.com/go/reflowpsplugin_win32

Win (64 bits) : http://adobe.com/go/reflowpsplugin_win64

 

 

Remarque : Edge Reflow CC Preview est disponible dans toutes les formules Creative Cloud, y compris la formule GRATUITE.

 

Configuration requise

-----------

 

Windows

Processeur Intel® Pentium® 4 ou AMD Athlon® 64

Système d’exploitation Windows® 7 ou Windows 8

2 Go de RAM

200 Mo d’espace disponible sur le disque dur pour l’installation

Affichage 1280 x 800 avec carte vidéo 16 bits

 

Mac OS

Processeur Intel multicœur

Système d’exploitation Mac OS X v10.7 ou v10.8

2 Go de RAM

200 Mo d’espace disponible sur le disque dur pour l’installation

Affichage 1280 x 800 avec carte vidéo 16 bits

 

Langues prises en charge

-----------

Adobe Edge Reflow est disponible en anglais et en français.

 

-----------

 

 

 

Release Notes - 09/08/2013

 

build: 0.30.13098

 

 

What's New

-----------

 

Import to Edge Reflow CC from the latest version of Photoshop CC

- Launch Reflow and open a PSD in Photoshop

- Within Reflow, open the Photoshop panel from the icon on the right.  Reflow connects to the currently open PSD in Photoshop.

- Choose between "Creat New Page," which places all of the text, shapes and assets to allow you to get started easily with laying out the page in Reflow, and "Library," which imports all the defined assets directly to Reflow's Asset library for use during the design process

- Photoshop Sync, when activated, updates Reflow's asset library automatically with any assets that are changed or created in that PSD in Photoshop.

- Alternatively, export Reflow Projects from within Photoshop CC by using File > Generate > Edge Reflow Project, and then opening the project in Reflow.

- For more information see our 'Getting Started' page here - http://adobe.com/go/edgereflow_getting_started

 

Known Issues and Limitations in the Photoshop Import

-----------

- The Photoshop 'background' layer is ignored during import.

- Rectangular shape layers will become a div with css gradients, shadows and border applied.

- Ellipses, Polygons and line-join shapes are not currently supported

- Gradient layers with a linear gradient will become a div with a gradient background. Other gradients, such as radial, are ignored.

- Gradient midPoint values are ignored

- Supported layerEffects

- Drop shadow

- Inner shadow

- Strokes

- Text areas with more than 1 paragraph style are not currently supported. We will take the first one and apply that to the P tag, though multiple text styles will be created using spans.

- Text can have a drop shadow, but not an inner shadow. "Inset" isn't supported by CSS text-shadow the way it is by box-shadow.

- If multiple shapes exist with the same shape layer, Reflow will not import it as a complex shape.

- Transforms and clipping applied to shape layers are ignored.

- Transforms and clipping applied to layers that are marked as assets may result in inaccurate bounds in Reflow. Grouping the relevant layers and marking that as an asset will work around this.

- Photoshop Sync will turn off any time the active PSD is changed in Photoshop.

 

Installation Instructions

-----------

If you already have the Creative Cloud Desktop application, you can find "Edge Reflow CC" in the Apps tab. Click on the "Install" button in the Creative Cloud Desktop application. Even if you have Reflow already installed, the link will still say "Install", rather than "Upgrade". This is a known issue with the Creative Cloud Desktop application.

 

The installer will overwrite any existing installation of Edge Reflow CC.

 

If you do not have the Creative Cloud Desktop application, go to Edge Reflow CC's page on the creative cloud at https://creative.adobe.com/products/reflow and hit the download button. This will install the Creative Cloud Desktop application that helps you manage installation of all of your Adobe applications. Once the Creative Cloud Desktop application is installed, go to the Apps tab to find Edge Reflow CC and install it from there.

 

Note: The Edge Reflow CC Preview is available in all Creative Cloud plans including the FREE option.

 

If you have a previously installed version of Edge Reflow (Preview 1 or 2), you will get a second installation of Edge Reflow CC because we renamed the .app file for Mac and the default installation for Windows in our last public preview. You can safely uninstall any previous versions of Reflow after installing Edge Reflow CC.

 

After installing the latest updates to both Photoshop CC and Reflow CC, install the "Edge Reflow Plug-in for Photoshop".  It can be found on the http://adobe.com/go/edgereflow_getting_started

 

 

System Requirements

-----------

 

Windows

Intel® Pentium® 4 or AMD Athlon® 64 processor

Windows® 7 or Windows 8 operating system

2GB RAM

200MB of available hard-disk space for installation

1280x800 display with 16-bit video card

 

Mac OS

Multicore Intel processor

Mac OS X v10.7 or v10.8 operating system

2GB RAM

200MB of available hard-disk space for installation

1280x800 display with 16-bit video card

 

 

Language Support

-----------

 

Adobe Edge Reflow is translated for English and French.

 

-------------

 

Notes de mise à jour - 08/09/2013

 

Nouveautés

-----------

 

Importez des éléments vers Edge Reflow CC depuis la dernière version de Photoshop CC.

- Lancez Reflow et ouvrez un document PSD dans Photoshop

- Dans Reflow, ouvrez le panneau Photoshop à partir de l’icône se trouvant sur la droite.Reflow se connecte au fichier PSD actuellement ouvert dans Photoshop.

- Vous pouvez sélectionner « Nouvelle page » pour placer l’ensemble du texte, des formes et des actifs dans une page afin de faciliter la mise en forme dans Reflow. Si vous sélectionnez « Bibliothèque », tous les actifs définis sont importés directement dans la bibliothèque d’actifs de Reflow afin que vous puissiez les utiliser au cours du processus de création.

- Lorsque la synchronisation avec Photoshop est activée, la bibliothèque d’actifs de Reflow est automatiquement mise à jour lorsque des actifs sont modifiés ou créés dans le fichier PSD ouvert dans Photoshop.

- Vous avez également la possibilité d’exporter des projets Reflow à partir de Photoshop CC en accédant au menu Fichier > Générer > Projet Edge Reflow, puis en ouvrant le projet dans Reflow.

- Pour plus d’informations, consultez notre page de prise en main disponible à l’adresse suivante – http://adobe.com/go/edgereflow_getting_started_fr

 

 

Problèmes connus et limites de l’importation depuis Photoshop

-----------

 

- Le calque « Arrière-plan » de Photoshop n’est pas pris en compte dans l’importation.

- Les calques de forme rectangulaire sont transformés en conteneurs div auxquels sont appliquées les propriétés css de dégradé, d’ombre et de bordure.

- Les ellipses, les polygones et les formes contenant des sommets de ligne ne sont pas pris en charge actuellement.

- Les calques de dégradé contenant un dégradé linéaire sont transformés en conteneurs div possédant un dégradé en arrière-plan.Les autres dégradés, par exemple les dégradés radiaux, ne sont pas pris en compte.

- Les valeurs de milieu de dégradé ne sont pas prises en compte.

- Effets de calque pris en charge

          - Ombre portée

          - Ombre interne

          - Contours

- Les zones de texte contenant plus d’un style de paragraphe ne sont pas prises en charge actuellement.Le premier style sera appliqué à la balise P, et plusieurs styles de texte seront créés à l’aide de balises span.

- Le texte peut présenter une ombre portée, mais pas d’ombre interne.La propriété d’incrustation (« Inset ») n’est pas prise en charge de la même manière par les ombres textuelles et les ombres d’encadrés.

-Si plusieurs formes sont présentes dans le même calque de forme, Reflow ne l’importera pas en tant que forme complexe.

- Les transformations et l’écrêtage appliqués aux calques de forme ne sont pas pris en compte.

- Les transformations et l’écrêtage appliqués aux calques marqués en tant qu’actifs peuvent entraîner des limites inexactes dans Reflow.Pour éviter ce problème, regroupez les calques concernés et marquez ce groupe en tant qu’actif.

- La synchronisation avec Photoshop est désactivée à chaque changement du document PSD actif dans Photoshop.

 

Instructions d’installation

-----------

 

Si l’application Creative Cloud pour bureau est déjà installée, vous trouverez Edge Reflow CC dans l’onglet Apps.Cliquez sur le bouton « Installer »dans l’application Creative Cloud pour bureau.Même si Reflow est déjà installé, le lien affichera « Installer » et non « Mettre à jour ».Il s’agit d’un problème connu de l’application Creative Cloud pour bureau.

 

Le programme d’installation supprimera toute installation existante d’Edge Reflow CC.

 

Si l’application Creative Cloud pour bureau n’est pas installée, rendez-vous sur la page d’Edge Reflow CC de Creative Cloud à l’adresse https://creative.adobe.com/products/reflow et lancez le téléchargement.L’application Creative Cloud pour bureau est alors installée. Cette application vous aide à gérer l’installation de toutes vos applications Adobe.Une fois l’application Creative Cloud pour bureau installée, accédez à l’onglet Applications et installez Edge Reflow CC à partir de là.

 

Remarque : Edge Reflow CC Preview est disponible dans toutes les formules Creative Cloud, y compris la formule GRATUITE.

 

Si une version d’Edge Reflow (Preview 1 ou 2) a déjà été installée sur votre système, une seconde version d’Edge Reflow CC sera installée, car nous avons renommé le fichier .app pour Mac et l’installation par défaut pour Windows dans notre dernière version préliminaire publique.Vous pouvez désinstaller sans crainte toute version antérieure de Reflow avant d’installer Edge Reflow CC.

 

Après avoir installé les dernières mises à jour de Photoshop CC et Reflow CC, installez le « plug-in Edge Reflow pour Photoshop ».Celui-ci est disponible à l’adresse : http://adobe.com/go/edgereflow_getting_started_fr

 

 

Configuration requise

-----------

 

Windows

Processeur Intel® Pentium® 4 ou AMD Athlon® 64

Système d’exploitation Windows® 7 ou Windows 8

2 Go de RAM

200 Mo d’espace disponible sur le disque dur pour l’installation

Affichage 1280 x 800 avec carte vidéo 16 bits

 

Mac OS

Processeur Intel multicœur

Système d’exploitation Mac OS X v10.7 ou v10.8

2 Go de RAM

200 Mo d’espace disponible sur le disque dur pour l’installation

Affichage 1280 x 800 avec carte vidéo 16 bits

 

Langues prises en charge

-----------

 

Adobe Edge Reflow est disponible en anglais et en français.

 

 

-----------

 

 

 

Release Notes - 08/07/2013

 

Build Number: 0.27.12254

 

What's New

----------------

 

Multiple page responsive designs

- Reflow now supports multiple page projects. From Reflow, you can add, delete, rename, rearrange and preview multiple pages in your project. To add pages to your document, go to the "Pages" menu item or click on the third icon on your right column panel.

 

Scrubby inputs

- Click and drag your cursor on property icons to easily adjust their values.

 

Right-click!

- Copy and paste visual styles, duplicate elements and control project preferences all from a right-click.

 

Place & Move

- Hold Cmd/Ctrl while in text or box drawing mode to toggle the select tool. Let go of the Cmd/Ctrl key and you are returned to drawing mode.

 

Save your project, get HTML

- Every time your project is saved, the HTML and CSS are written out and saved to the assets directory in your project.

 

Undo works as you'd expect

- Undo adding, deleting and editing breakpoints.

- Undo after a Save.

- Undo across pages changes.

 

Introducing Preview mode

- Press the TAB key to hide Reflow's design UI and visual overlays to experience your responsive comp as it would appear in the browser.

 

 

Known Issues

-----------------

 

The CSS incorporated in the "Preview In Chrome" feature is intended for use in Chrome and is not tested in additional browsers.

 

 

Issues from this public preview are being monitored on Github. Once you have a github account, you can log an issue or feature request here: https://github.com/edge-reflow/issues. All of these issues will be reviewed by the Reflow development team.

 

You can also ask questions or review our FAQ at the following locations:

Reflow Forum: http://forums.adobe.com/community/edge_reflow_preview

FAQs: http://forums.adobe.com/community/edge_reflow_preview/faq

 

 

Installation Instructions

------------------

 

If you already have the Creative Cloud Desktop application, you can find "Edge Reflow CC" in the Apps tab. Click on the "Install"

button in the Creative Cloud Desktop application. Even if you have Reflow already installed, the link will still say "Install", rather than "Upgrade". This is a known issue with the Creative Cloud Desktop application.

 

The installer will overwrite any existing installation of Edge Reflow CC.

 

If you do not have the Creative Cloud Desktop application, go to Edge Reflow CC's page on the creative cloud at https://creative.adobe.com/products/reflow and hit the download button. This will install the Creative Cloud Desktop application that helps you manage installation of all of your Adobe applications. Once the Creative Cloud Desktop application is installed, go to the Apps tab to find Edge Reflow CC and install it from there.

 

Note: The Edge Reflow CC Preview is available in all Creative Cloud plans including the FREE option.

 

If you have a previously installed version of Edge Reflow (Preview 1 or 2), you will get a second installation of Edge Reflow CC because we renamed the .app file for Mac and the default installation for Windows in our last public preview. You can safely uninstall any previous versions of Reflow after installing Edge Reflow CC.

 

 

System Requirements

---------------

 

Windows

 

Intel® Pentium® 4 or AMD Athlon® 64 processor

Windows® 7 or Windows 8 operating system

2GB RAM

200MB of available hard-disk space for installation

1280x800 display with 16-bit video card

 

Mac OS

 

Multicore Intel processor

Mac OS X v10.7 or v10.8 operating system

2GB RAM

200MB of available hard-disk space for installation

1280x800 display with 16-bit video card

 

Language Support

--------------

 

Adobe Edge Reflow is translated for English and French.

 

-----------

Notes de mise à jour - 07/08/2013

 

Build Number: 0.27.12254


Nouveautés

-----------

 

Conceptions adaptatives sur plusieurs pages

- Reflow prend maintenant en charge des projets de plusieurs pages. Dans Reflow, vous pouvez ajouter, supprimer, renommer, réorganiser et prévisualiser différentes pages pour votre produit.  Pour ajouter des pages à un document, accédez à l’élément de menu « Pages » ou cliquez sur la troisième icône du panneau se trouvant dans la colonne de droite.

 

Saisie par balayage

- Cliquez sur les icônes de propriété et faites glisser le curseur pour ajuster facilement leur valeur.

 

Clic droit !

- Copiez et collez des styles visuels, dupliquez des éléments et gérez les préférences du projet en un simple clic droit.

 

Placement et déplacement

- Maintenez la touche Cmd/Ctrl enfoncée pendant le tracé d’un élément pour activer l’outil de sélection. Relâchez la touche Cmd/Ctrl pour repasser en mode texte ou en mode dessin d’encadré.

 

Génération du code HTML à l’enregistrement du projet

- À chaque enregistrement d’un projet, le code HTML est exporté et enregistré dans le répertoire d’actifs de votre projet.

 

Fonctionnement correct de la fonction Annuler

- Annuler l’ajout, la suppression et la modification de points de rupture.

- Annuler après un enregistrement.

- Annuler les modifications sur l’ensemble des pages.

 

Intégration d’un mode aperçu

- Appuyez sur la touche de tabulation pour masquer l’interface de conception et les superpositions visuelles de Reflow, et ainsi découvrir votre création adaptative telle qu’elle apparaîtra dans le navigateur.

 

 

Problèmes connus

-----------

 

Le code CSS inclus dans la fonctionnalité « Aperçu dans Chrome » est destiné à une utilisation dans Chrome et n’a pas été testé dans d’autres navigateurs.

 

Les problèmes de cette version préliminaire publique font l’objet d’un suivi sur Github. Si vous disposez d’un compte Github, vous pouvez signaler un problème ou demander une fonctionnalité ici : https://github.com/edge-reflow/issues. Tous les problèmes enregistrés sont examinés par l’équipe de développement de Reflow.

 

Vous pouvez également poser vos questions ou consulter notre Forum aux questions (FAQ) sur les sites suivants :

Forum Reflow : http://forums.adobe.com/community/edge_reflow_preview

FAQ : http://forums.adobe.com/community/edge_reflow_preview/faq

 

Instructions d’installation

-----------

 

Si l’application Creative Cloud pour bureau est déjà installée, vous trouverez Edge Reflow CC dans l’onglet Apps. Cliquez sur le bouton « Installer »

dans l’application Creative Cloud pour bureau. Même si Reflow est déjà installé, le lien affichera « Installer » et non « Mettre à jour ». Il s’agit d’un problème connu de l’application Creative Cloud pour bureau.

 

Le programme d’installation supprimera toute installation existante d’Edge Reflow CC.

 

Si l’application Creative Cloud pour bureau n’est pas installée, rendez-vous sur la page d’Edge Reflow CC sur Creative Cloud à l’adresse https://creative.adobe.com/products/reflow et lancez le téléchargement. L’application Creative Cloud pour bureau est alors installée. Cette application vous aide à gérer l’installation de toutes vos applications Adobe. Une fois l’application Creative Cloud pour bureau installée, accédez à l’onglet Applications et installez Edge Reflow CC à partir de là.

 

Remarque : Edge Reflow CC Preview est disponible dans toutes les formules Creative Cloud, y compris la formule GRATUITE.

 

Si une version d’Edge Reflow (Preview 1 ou 2) a déjà été installée sur votre système, une seconde version d’Edge Reflow CC sera installée, car nous avons renommé le fichier .app pour Mac et l’installation par défaut pour Windows dans notre dernière version préliminaire publique. Vous pouvez désinstaller sans crainte toute version antérieure de Reflow avant d’installer Edge Reflow CC.

 

Configuration requise

-----------

 

Windows

 

Processeur Intel® Pentium® 4 ou AMD Athlon® 64

Système d’exploitation Windows® 7 ou Windows 8

2 Go de RAM

200 Mo d’espace disponible sur le disque dur pour l’installation

Affichage 1280x800 avec carte vidéo 16 bits

 

Mac OS

 

Processeur Intel multicœur

Système d’exploitation Mac OS X v10.7 ou v10.8

2 Go de RAM

200 Mo d’espace disponible sur le disque dur pour l’installation

Affichage 1280x800 avec carte vidéo 16 bits

 

 

Langues prises en charge

-----------

 

Adobe Edge Reflow est disponible en anglais et en français.

 

 

-----------

 

Release Notes - 06/17/13

 

 

What's New

-----------

 

Layout Enhancements

  • Add or remove the parent of selected items.
  • Evenly space elements vertically or horizontally using the Align Panel.
  • Objects now snap to each other during initial placement, resize and move. Toggle functionality via View -> Snapping menu.

 

Styling Enhancements

  • Copy and paste visual styles between elements. To copy visual styles, select an element choose Edit -> Copy Visual Styles. To paste the styles, select another element and use Edit -> Paste Visual Styles.
  • CSS filters can be used to style elements in your design. To use CSS filters, you will need to select View -> Show Experimental Features.

 

 

Text Enhancements

  • Support for Typekit kits in a Reflow project.
  • Style the borders and backgrounds of text element.

 

Productivity Enhancements

  • Define document wide text styles by selecting the body of your document. Control default styles as well as type base size.
  • Reflow now includes an "asset panel" where you can display all the assets that have been added to your project.  The panel previews your images, usage counts, and can replace the asset with another or delete the image entirely from your project.
  • Elements panel now supports drag and drop reordering of elements of DOM order.
  • You can rename elements via the DOM bar.
  • Custom element names changed via the DOM Bar or Elements panel are now reflected in reflow.css in the assets folder.
  • Keyboard shortcuts to navigate items on the canvas.
    • Alt+Cmd/Cntl+Up (navigate to one's parent)
    • Alt+Cmd/Cntl+Down(navigate to the first child)
    • Alt+Cmd/Cntl+Right (navigate to next sibling)
    • Alt+Cmd/Cntl+Left (navigate to previous sibling).
  • Integration with Adobe Illustrator CC. Copy paths from Illustrator and paste them directly into Adobe Edge Reflow CC as SVG.
  • Shift+Drag of an element will now move that element along its horizontal, vertical or a 45 degree axis.
  • The CSS shown in Code popover, now showing cleaner more streamlined CSS.

 

Grid Enhancement

  • Visual improvements have been made the grid easier to see regardless of background color of your application.
  • View -> Grid to Show/hide Grid Column Overlays, Grid Gutter Overlays and Grid Lines.
  • View -> Snapping provides the option to turn snapping to the grid on and off.

 

Bug Fixes

Almost 100 bugs have been fixed in this release.  Please keep the feedback coming to https://github.com/edge-reflow/issues and we'll keep fixin'em.

 

Feedback

Edge Reflow has added the ability for you to give us feedback directly within our application. Please click on the feedback icon on the bottom right of the application to submit suggestions, bugs or other feedback.

 

 

Known Issues

-----------


  • If you change your base typography on a Reflow project before adding any text elements, the font will not display in your Chrome preview. To work around this bug, add a text element to your project before changing your base typography.
  • After using your mouse on the scrollbar, you will no longer be able to highlight text for editing using your mouse. You will need to use arrow keys to highlight text or save and restart Reflow to fix this bug. Using a mouse wheel to scroll will avoid this issue.
  • The CSS incorporated in the "Preview In Chrome" feature is intended for use in Chrome and is not tested in additional browsers.

 

Issues from this public preview are being monitored on Github. Once you have a github account, you can log an issue or feature request here: https://github.com/edge-reflow/issues. All of these issues will be reviewed by the Reflow development team.

 

You can also ask questions or review our FAQ at the following locations:

Reflow Forum: http://forums.adobe.com/community/edge_reflow_preview

FAQs: http://forums.adobe.com/community/edge_reflow_preview/faq

 

 

Installation Instructions

-----------


If you already have the Creative Cloud Desktop application, you can find "Edge Reflow CC" in the Apps tab. Click on the "Install"
button in the Creative Cloud Desktop application.

If you do not have the Creative Cloud Desktop application, go to Edge Reflow CC's page on the creative cloud at https://creative.adobe.com/products/reflow and hit the download button. This will install the Creative Cloud Desktop application that helps you manage installation of all of your Adobe applications. Once the Creative Cloud Desktop application is installed, go to the Apps tab to find Edge Reflow CC and install it from there.

Note: The Edge Reflow CC Preview is available in all Creative Cloud plans including the FREE option.

If you have a previously installed version of Edge Reflow, you will get a second installation of Edge Reflow CC because we have renamed the .app file for Mac and the default installation for Windows. You can safely uninstall any previous versions of Reflow after installing Edge Reflow CC.

 

 

System Requirements

-----------

 

Windows

 

  • Intel® Pentium® 4 or AMD Athlon® 64 processor
  • Windows® 7 or Windows 8 operating system
  • 2GB RAM
  • 200MB of available hard-disk space for installation
  • 1280x800 display with 16-bit video card

 

 

Mac OS

 

  • Multicore Intel processor
  • Mac OS X v10.7 or v10.8 operating system
  • 2GB RAM
  • 200MB of available hard-disk space for installation
  • 1280x800 display with 16-bit video card

 

Language Support

-----------

 

Adobe Edge Reflow is translated for English and French.

 

-----------

 

 

 

Notes de mise à jour d’Edge Reflow Preview - 17.06.13

 

Nouveautés

-----------

 

Améliorations concernant la mise en page

  • Ajout ou suppression de parent pour les éléments sélectionnés.

  • Répartition en largeur ou hauteur des éléments via le panneau d’alignement.

  • Alignement des objets les uns par rapport aux autres lors du positionnement initial, des redimensionnements et des déplacements. Pour activer/désactiver cette fonction, accédez au menu Affichage -> Alignement.

 

Améliorations concernant les styles

  • Copiez et collez des styles visuels entre différents éléments. Pour copier des styles visuels, sélectionnez un élément, puis choisissez Modifier -> Copier les styles visuels. Pour coller des styles visuels, sélectionnez un autre élément, puis choisissez Modifier -> Coller les styles visuels.
  • Vous pouvez utiliser des filtres CSS pour appliquer un style aux éléments de votre conception. Pour utiliser les filtres CSS, vous devez sélectionner Affichage -> Afficher les fonctions expérimentales.

 

 

Améliorations concernant le texte

  • Prise en charge des kits Typekit dans un projet Reflow.
  • Utilisation de styles de bordures et d’arrière-plan sur les éléments textuels.

 

Améliorations concernant la productivité

  • Définissez des styles de texte à l’échelle du document en sélectionnant le corps de votre document. Contrôlez les styles par défaut ainsi que la taille de base du texte.
  • Reflow inclut désormais un « panneau Actifs », dans lequel vous pouvez voir tous les actifs ajoutés à votre projet.  Ce panneau affiche un aperçu de vos images et indique le nombre d’utilisations. Il vous permet de remplacer un actif par un autre ou de supprimer entièrement une image de votre projet.
  • Le panneau Eléments permet maintenant de réorganiser les éléments de DOM par glisser-déplacer.
  • Vous pouvez renommer les éléments via la barre DOM.
  • Les noms d’élément personnalisés qui ont été modifiés via la barre DOM ou le panneau d’éléments figurent désormais dans le fichier reflow.css au sein du dossier des actifs.
  • Des raccourcis clavier vous permettent de naviguer entre les éléments de votre zone de travail.
    • Alt+Cmd/Ctrl+Haut (pour accéder au parent)
    • Alt+Cmd/Ctrl+Bas (pour accéder au premier enfant)
    • Alt+Cmd/Ctrl+Flèche droite (pour accéder au frère suivant)
    • Alt+Cmd/Ctrl+Flèche gauche (pour accéder au frère précédent)
  • Intégration avec Adobe Illustrator CC. Copiez des tracés dans Illustrator et collez-les directement dans Adobe Edge Reflow CC en tant que SVG.
  • En maintenant la touche Maj. enfoncée tout en faisant glisser un élément, vous pouvez désormais déplacer cet élément le long d’un axe horizontal, vertical ou à 45 degrés.
  • Le CSS affiché dans la fenêtre contextuelle Code est désormais présenté de manière plus claire et rationalisée.

 

Améliorations concernant la grille

  • Des améliorations ont été apportées au niveau de l’affichage de la grille afin qu’elle soit plus facile à lire, quelle que soit la couleur d’arrière-plan de votre application.
  • Utilisez le menu Affichage -> Grille pour afficher/masquer les lignes, ainsi que les superpositions de colonnes et de gouttières sur la grille.
  • Le menu Affichage -> Alignement vous permet d’activer ou de désactiver l’accrochage à la grille.

Correctifs

Près d’une centaine de bugs ont été résolus dans cette version.  N’hésitez pas à nous faire part des problèmes que vous rencontrez sur https://github.com/edge-reflow/issues et nous poursuivrons nos efforts pour les résoudre.

 

Edge Reflow offre à présent la possibilité de faire part de vos commentaires à notre équipe, directement à partir de l’application. Cliquez sur l’icône Commentaires située dans le coin inférieur droit de l’application pour transmettre une suggestion, signaler un bogue ou envoyer un commentaire.


 

Problèmes connus

-----------

  • Si vous modifiez la typographie de base d’un projet Reflow sans avoir ajouté d’élément textuel au préalable, la police ne s’affichera pas dans l’aperçu accessible via Chrome. Pour éviter ce problème, ajoutez un élément textuel à votre projet avant de modifier la typographie de base.
  • Si vous utilisez votre souris sur la barre de défilement, il vous sera ensuite impossible de surligner un texte pour modification via la souris. Vous devrez alors utiliser les touches de direction pour surligner le texte, ou enregistrer votre projet et relancer Reflow pour éliminer le bogue. Vous pouvez également utiliser la molette de défilement afin d’éviter ce problème.
  • Le code CSS inclus dans la fonctionnalité « Aperçu dans Chrome » est destiné à une utilisation dans Chrome et n’a pas été testé dans d’autres navigateurs.

 

Les problèmes de cette version préliminaire publique font l’objet d’un suivi sur Github. Si vous disposez d’un compte Github, vous pouvez signaler un problème ou demander une fonctionnalité ici : https://github.com/edge-reflow/issues. Tous les problèmes enregistrés sont examinés par l’équipe de développement de Reflow.

 

Vous pouvez également poser vos questions ou consulter notre Forum aux questions (FAQ) sur les sites suivants :

Forum Reflow : http://forums.adobe.com/community/edge_reflow_preview

FAQ : http://forums.adobe.com/community/edge_reflow_preview/faq

 

 

Instructions d’installation

-----------

Si l’application Creative Cloud Desktop est déjà installée, vous trouverez Edge Reflow CC dans l’onglet Apps. Cliquez sur le bouton « Installer »

dans l’application Creative Cloud Desktop.

 

Si l’application Creative Cloud Desktop n’est pas installée, rendez-vous sur la page Edge Reflow CC dans le Creative Cloud sur https://creative.adobe.com/products/reflow et lancez le téléchargement. L’application Creative Cloud Desktop est alors installée. Cette application vous aide à gérer l’installation de toutes vos applications Adobe. Une fois l’application Creative Cloud Desktop installée, accédez à l’onglet Apps et installez Edge Reflow CC à partir de là.

 

Remarque : Edge Reflow CC Preview est disponible dans toutes les formules Creative Cloud, y compris la formule GRATUITE.

 

Si une version d’Edge Reflow a déjà été installée sur votre système, une seconde version d’Edge Reflow CC sera installée, car nous avons renommé le fichier .app pour Mac et l’installation par défaut pour Windows. Vous pouvez désinstaller sans crainte toute version antérieure de Reflow avant d’installer Edge Reflow CC.

 

 

 

Configuration requise

-----------

 

Windows

 

  • Processeur Intel® Pentium® 4 ou AMD Athlon® 64
  • Système d’exploitation Windows® 7 ou Windows 8
  • 2 Go de RAM
  • 200 Mo d’espace disponible sur le disque dur pour l’installation
  • Affichage 1280x800 avec carte vidéo 16 bits

 

 

Mac OS

 

  • Processeur Intel multicœur
  • Système d’exploitation Mac OS X v10.7 ou v10.8
  • 2 Go de RAM
  • 200 Mo d’espace disponible sur le disque dur pour l’installation
  • Affichage 1280x800 avec carte vidéo 16 bits

 

 

Langues prises en charge

-----------

 

Adobe Edge Reflow est disponible en anglais et en français.

 

 

-----------

 

 

 

Release Notes - 04/02/13

System Requirements

-----------

 

Windows

 

- Intel® Pentium® 4 or AMD Athlon® 64 processor

- Windows® 7 or Windows 8 operating system

- 2GB RAM

- 200MB of available hard-disk space for installation

- 1280x800 display with 16-bit video card

 

 

Mac OS

 

- Multicore Intel processor

- Mac OS X v10.7 or v10.8 operating system

- 2GB RAM

- 200MB of available hard-disk space for installation

- 1280x800 display with 16-bit video card

 

 

Installation Instructions

-----------

 

Login and download Edge Reflow Preview from https://creative.adobe.com/apps.

If you aren’t already an Adobe Creative Cloud member, select “Sign Up” or “Join the Creative Cloud” to create an account.

Note: The Edge Reflow Preview is available in all Creative Cloud plans including the FREE option.

Click on the “Download” link for Edge Reflow in the Edge Tools & Services section.

Save the installer file to a location on your hard drive.

Locate the installer and double-click to start the install process.

For Mac users, if you have a previously installed version of Reflow, you can replace Edge Reflow in the Applications directory with the new version.

Windows: You may specify a custom install location. If you have a previously installed Windows version of Reflow, please uninstall it before installing Edge Reflow Preview 2. We do not recommend you install over an existing copy of Edge Reflow.

 

 

Language Support

-----------

 

Adobe Edge Reflow is translated for English and French.

 

 

What's New

-----------

 

Layout Enhancements

Margin visualizations have changed to enhance the clarity of your layout.

Reflow now supports all position:static, position:absolute, position:relative and position:fixed. Absolute positioned elements will have their top and left styles by default. Support for changing right and bottom styles is available.

 

Support for z-index was added for absolute position layout elements.

 

Text Styling Enhancements

You can now select a substring of a text element and add or remove styles. This creates a "span" in the text element. You can view and select span elements in a text element through the DOM panel.

 

Colorpicker Enhancements

A luminosity slider has been added to the Reflow Colorpicker adding the ability for you to control just the L channel of the HSL color space.

 

Productivity Enhancements

The ability to rename elements in the DOM Panel was added.

 

Bug Fixes

There were many issues fixed in this release. Most notably, we made some changes to resolve stability and crash issues that were being seen on Windows operating systems.

 

Known Issues

-----------

 

- When reusing an image in your project, the asset is duplicated in your Reflow project. This will be addressed in our next update.

- An error may occur when using the Edge Inspect Integration feature of Reflow with an iOS device. To workaround the problem, click on the Adobe Edge Inspect title, choose "Authorized devices", hit eject on the device, then, hit remove on the device. After this, re-pair your device.

- The CSS incorporated in the "Preview In Chrome" feature is intended for use in Chrome and is not tested in additional browsers.

 

Issues from this public preview are being monitored on Github. Once you have a github account, you can log an issue or feature request here: https://github.com/edge-reflow/issues. All of these issues will be reviewed by the Reflow development team.

 

You can also ask questions or review our FAQ at the following locations:

Reflow Forum: http://forums.adobe.com/community/edge_reflow_preview

FAQs: http://forums.adobe.com/community/edge_reflow_preview/faq


 

Notes de mise à jour d’Edge Reflow Preview - 02.04.13

 

Configuration requise

-----------

 

Windows

 

- Processeur Intel® Pentium® 4 ou AMD Athlon® 64

- Système d’exploitation Windows® 7 ou Windows 8

- 2 Go de RAM

- 200 Mo d’espace disponible sur le disque dur pour l’installation

- Affichage 1280x800 avec carte vidéo 16 bits

 

Mac OS

 

- Processeur Intel multicœur

- Système d’exploitation Mac OS X v10.7 ou v10.8

- 2 Go de RAM

- 200 Mo d’espace disponible sur le disque dur pour l’installation

- Affichage 1280x800 avec carte vidéo 16 bits

 

Instructions d’installation

-----------

 

Connectez-vous et téléchargez Edge Reflow Preview depuis la page https://creative.adobe.com/apps.

Si vous n’êtes pas déjà membre d’Adobe Creative Cloud, choisissez « Se connecter » ou « Rejoindre Creative Cloud » pour créer un compte.

Remarque : Edge Reflow Preview est disponible dans toutes les formules Creative Cloud, y compris la formule GRATUITE.

Cliquez sur le lien « Télécharger » correspondant à Edge Reflow dans la section Outils et services Edge.

Enregistrez le fichier du programme d’installation sur votre disque dur.

Accédez à ce fichier et double-cliquez pour lancer l’installation.

Sous Mac, si une version de Reflow a déjà été installée sur le système, remplacez-la par la nouvelle version au sein du répertoire Applications.

Sous Windows, vous pouvez indiquer un répertoire d’installation personnalisé. Si une version de Reflow a déjà été installée sur votre système Windows, désinstallez-la avant d’installer Edge Reflow Preview 2. Nous vous recommandons vivement de ne pas effectuer l’installation par-dessus une copie existante d’Edge Reflow.

 

Langues prises en charge

-----------

 

Adobe Edge Reflow est disponible en anglais et en français.

 

Nouveautés

-----------

 

Améliorations concernant la mise en page

L’affichage des marges a été modifié pour une mise en page plus claire.

Reflow prend désormais en charge tous les paramètres de position (Statique, Absolue, Relative et Fixe). Les styles haut et gauche sont appliqués par défaut aux éléments à position absolue. Il est possible de modifier les styles bas et droite.

 

L’indice Z est désormais disponible pour les éléments de mise en page à position absolue.

 

Améliorations concernant les styles applicables au texte

Vous pouvez désormais sélectionner une sous-chaîne d’un élément textuel pour y appliquer un style ou l’annuler. Un « span » est alors ajouté au sein de l’élément textuel. Vous pouvez afficher et sélectionner les éléments de span d’un élément textuel via le panneau DOM.

 

Améliorations concernant le sélecteur de couleurs

Un curseur a été ajouté au sélecteur de couleurs Reflow afin de vous permettre de régler la luminosité en jouant uniquement sur le canal L de l’espace colorimétrique HSL.

 

Améliorations concernant la productivité

Vous pouvez désormais renommer des éléments au sein du panneau DOM.

 

Correctifs

Cette version résout de nombreux problèmes. En particulier, des modifications ont été apportées afin de résoudre les problèmes de stabilité et de défaillance rencontrés sur les systèmes d’exploitation Windows.

 

Problèmes connus

-----------

 

- Lorsqu’une image est réutilisée dans un projet, l’actif est dupliqué dans le projet Reflow. Ce problème sera traité dans la prochaine version.

- Une erreur peut se produire lorsque la fonctionnalité d’intégration de Reflow avec Edge Inspect est utilisée avec un terminal iOS. Pour éviter ce problème, cliquez sur le titre Adobe Edge Inspect, choisissez « Terminaux autorisés », éjectez, puis supprimez le terminal. Reconnectez ensuite le terminal.

- Le code CSS inclus dans la fonctionnalité « Aperçu dans Chrome » est destiné à une utilisation dans Chrome et n’a pas été testé dans d’autres navigateurs.

 

Les problèmes de cette version préliminaire publique font l’objet d’un suivi sur Github. Si vous disposez d’un compte Github, vous pouvez signaler un problème ou demander l’ajout d’une fonctionnalité en vous rendant sur la page : https://github.com/edge-reflow/issues. Tous les problèmes enregistrés sont examinés par l’équipe de développement de Reflow.

 

Vous pouvez également poser vos questions ou consulter notre Forum aux questions (FAQ) sur les sites suivants :

Forum Reflow http://forums.adobe.com/community/edge_reflow_preview

FAQ : http://forums.adobe.com/community/edge_reflow_preview/faq

 

 

 

Release Notes - 02/14/13


System Requirements

-----------

 

Windows

 

- Intel® Pentium® 4 or AMD Athlon® 64 processor

- Windows® 7 or Windows 8 operating system

- 2GB RAM

- 200MB of available hard-disk space for installation

- 1280x800 display with 16-bit video card

 

 

Mac OS

 

- Multicore Intel processor

- Mac OS X v10.7 or v10.8 operating system

- 2GB RAM

- 200MB of available hard-disk space for installation

- 1280x800 display with 16-bit video card

 

 

Installation Instructions

-----------

 

  1. Login and download Edge Reflow Preview from https://creative.adobe.com/apps.
  2. If you aren’t already an Adobe Creative Cloud member, select “Sign Up” or “Join the Creative Cloud” to create an account. Note: The Edge Reflow Preview is available in all Creative Cloud plans including the FREE option.
  3. Click on the “Download” link for Edge Reflow in the Edge Tools & Services section.
  4. Save the installer file to a location on your hard drive.
  5. Locate the installer and double-click to start the install process.

Windows: You may specify a custom install location. We do not recommend you install over an existing copy of Edge Reflow.

 

Edge Reflow Highlights

-----------

 

This is the first public preview of Adobe Edge Reflow. Adobe Edge Reflow enables users to easily create beautiful designs for desktop, mobile and tablets. A designer can generate multiple design comps with responsive layouts for different screen sizes.

 

Here are some feature highlights:

 

Resizable Design Surface

Users can resize the design surface to see how their layout and visuals adapt to the different screen sizes.

 

Visual Media-query breakpoints

With Edge Reflow, you can arbitrarily place media-query breakpoints to customize your designs for different screen sizes.

 

Fluid customizable grid system

Leverage a flexible grid system to adjust or modify any media query breakpoints in order to change the column count and gutter width.

 

Edge Web Font Integration

Integration with Edge Web fonts allow designers to browse and select the best fonts for their projects.

 

Edge Inspect Integration

You can view your Edge Reflow designs on any number of devices using integration with Edge Inspect.

 

Border, Shadow and Background Styles

Add multiple colors, gradients and images to create beautiful designs. Leverage the intuitive UI to create both inset and outset drop shadows, which also provides a designer the ability to reorder and achieve their design vision. The full capability of CSS is available to create customized border styles.

 

CSS Code Export

Maintain the accuracy of your design throughout production by extracting CSS to Edge Code, Dreamweaver, or your code editor of choice.

 

Preview in Chrome

Designs in Reflow can be previewed in the Chrome browser.

 

Reflow is localized into English and French for the Public Preview.

 

 

Known Issues

-----------

 

- When reusing an image in your project, the asset is duplicated in your Reflow project.

- An error may occur when using the Edge Inspect Integration feature of Reflow with an iOS device. To workaround the problem, click on the Adobe Edge Inspect title, choose "Authorized devices", hit eject on the device, then, hit remove on the device. After this, re-pair your device.

- The CSS incorporated in the "Preview In Chrome" feature is intended for use in Chrome and is not tested in additional browsers.

- Creating a box at 0,0 of your primary container can sometimes be difficult. To do this, you will likely need to draw a box and then nudge it, using your arrow keys up to the top left corner of your canvas.

- Image names in the property panel do not display correctly for some non-English characters.

- Tab order is not always correct in various popups and in the property pane.

- Box height increases when inserting another box in specific cases.

- Unable to remove a border style in specific circumstances.

- If you are installing Reflow on a ghost image or VM, you may run into this error: '"MSVCP100.dll" is missing…' when attempting to launch Adobe Edge Reflow. To get around this, install: http://www.microsoft.com/en-us/download/details.aspx?id=5555

 

Issues from this public preview are being monitored on Github. Once you have a github account, you can log an issue or feature request here: https://github.com/edge-reflow/issues. All of these issues will be reviewed by the Reflow development team.

 

You can also ask questions or review our FAQ at the following locations:

Reflow Forum: http://forums.adobe.com/community/edge_reflow_preview

FAQs: http://forums.adobe.com/community/edge_reflow_preview/faq

___________________________________________________________

 

Notes de mise à jour d’Edge Reflow Preview

 

Configuration requise

-----------

 

Windows

 

- Processeur Intel® Pentium® 4 ou AMD Athlon® 64

- Système d’exploitation Windows® 7 ou Windows 8

- 2 Go de RAM

- 200 Mo d’espace disponible sur le disque dur pour l’installation

- Affichage 1280x800 avec carte vidéo 16 bits

 

 

Mac OS

 

- Processeur Intel multicœur

- Système d’exploitation Mac OS X v10.7 ou v10.8

- 2 Go de RAM

- 200 Mo d’espace disponible sur le disque dur pour l’installation

- Affichage 1280x800 avec carte vidéo 16 bits

 

 

Instructions d’installation

-----------

 

  1. 1. Connectez-vous et téléchargez Edge Reflow Preview depuis la page https://creative.adobe.com/apps.
  2. 2. Si vous n’êtes pas déjà membre d’Adobe Creative Cloud, choisissez « Se connecter » ou « Rejoindre Creative Cloud » pour créer un compte. Remarque : La version préliminaire d’Edge Reflow est disponible dans toutes les formules Creative Cloud, y compris la formule GRATUITE.
  3. 3. Cliquez sur le lien « Télécharger » correspondant à Edge Reflow dans la section Outils et services Edge.
  4. 4. Enregistrez le fichier du programme d’installation sur votre disque dur.
  5. 5. Accédez à ce fichier et double-cliquez pour lancer l’installation.

Windows : Vous pouvez indiquer un répertoire d’installation personnalisé. Il est recommandé de ne pas effectuer l’installation sur une copie existante d’Edge Reflow.

 

Caractéristiques d’Edge Reflow

-----------

 

Ceci est la première version préliminaire publique d’Adobe Edge Reflow. Adobe Edge Reflow permet à l’utilisateur de réaliser facilement de superbes créations pour ordinateurs, mobiles et tablettes. Les concepteurs peuvent ainsi générer de nombreuses compositions aux mises en forme réactives, adaptées aux différentes tailles d’écran.

 

Voici quelques-unes des principales fonctionnalités :

 

Surface de création redimensionnable

L’utilisateur peut redimensionner la surface de création pour voir comment les mise en formes et les effets visuels s’adaptent aux différentes tailles d’écran.

 

Visual Media-query breakpoints

Avec Edge Reflow, vous pouvez placez des breakpoints de media query où bon vous semble afin de personnaliser vos créations selon les différentes tailles d’écran.

 

Système de grille fluide personnalisable

Grâce à un système de grille flexible, vous pouvez ajuster ou modifier les breakpoints de media query afin de modifier le nombre de colonnes ou la largeur de la gouttière.

 

Intégration avec Edge Web Font

L’intégration avec Edge Web Fonts permet aux concepteurs de parcourir et de choisir les meilleures polices pour leurs projets.

 

Intégration avec Edge Inspect

Vous pouvez visualiser vos créations Edge Reflow sur autant de terminaux que vous le souhaitez grâce à l’intégration avec Edge Inspect.

 

Styles d’arrière-plan, ombres et cadres.

Ajoutez de nombreuses couleurs, des dégradés et des images à vos créations. Grâce à l’interface utilisateur intuitive, créez des ombres portées en creux et en relief, et profitez de fonctionnalités de réorganisation pour obtenir exactement le résultat souhaité. Vous pouvez utiliser l’ensemble des possibilités de CSS pour créer des styles de cadre personnalisés.

 

Exportation de code CSS

Garantissez la précision de vos créations tout au long du processus de production en extrayant du code CSS dans Edge Code, Dreamweaver ou tout autre éditeur de code.

 

Aperçu dans Chrome

Un aperçu des créations Reflow peut être affiché dans le navigateur Chrome.

 

Cette version préliminaire publique de Reflow est disponible en anglais et en français.

 

 

Problèmes connus

-----------

 

- Lorsqu’une image est réutilisée dans un projet, l’actif est dupliqué dans le projet Reflow.

- Une erreur peut se produire lorsque la fonctionnalité d’intégration de Reflow avec Edge Inspect est utilisée avec un terminal iOS. Pour éviter ce problème, cliquez sur le titre Adobe Edge Inspect, choisissez « Terminaux autorisés », éjectez, puis supprimez le terminal. Reconnectez ensuite le terminal.

- Le code CSS inclus dans la fonctionnalité « Aperçu dans Chrome » est destiné à une utilisation dans Chrome et n’a pas été testé dans d’autres navigateurs.

- Il est parfois difficile de créer un encadré à l’emplacement 0,0 du conteneur principal. Pour y parvenir, il vous faudra sans doute dessiner un encadré, puis le déplacer à l’aide des touches de direction jusqu’au coin supérieur gauche de la zone de travail.

- Les noms d’images figurant dans le panneau de propriétés ne s’affichent pas correctement avec certains caractères ne faisant pas partie de l’alphabet anglais.

- L’ordre des onglets n’est pas toujours correct dans les différentes fenêtres contextuelles et dans le panneau de propriétés.

- Dans certains cas, la hauteur d’un encadré augmente lorsqu’un autre encadré est inséré.

- Dans certaines conditions, il est impossible de supprimer un style de cadre.

- Si vous installez Reflow sur une image système ou une machine virtuelle, vous risquez de rencontrer une erreur au lancement d’Adobe Edge Reflow indiquant que le fichier « MSVCP100.dll » est manquant. Pour éviter ce problème, installez : http://www.microsoft.com/fr-fr/download/details.aspx?id=5555

 

Les problèmes de cette version préliminaire publique font l’objet d’un suivi sur Github. Si vous disposez d’un compte Github, vous pouvez signaler un problème ou demander une fonctionnalité ici : https://github.com/edge-reflow/issues. Tous les problèmes enregistrés sont examinés par l’équipe de développement de Reflow.

 

Vous pouvez également poser vos questions ou consulter notre Forum aux questions (FAQ) sur les sites suivants :

Forum Reflow : http://forums.adobe.com/community/edge_reflow_preview

FAQ : http://forums.adobe.com/community/edge_reflow_preview/faq