Softpedia >Mac >Development >WEB >Adobe Edge Reflow >  Changelog

Adobe Edge Reflow Changelog

What's new in Adobe Edge Reflow CC 0.51.17180 Preview

Oct 15, 2014
  • Bug fixes, including resolving the capitalization of high ascii characters
  • Ability to launch, install, and uninstall Reflow from the Creative Cloud Apps Panel

New in Adobe Edge Reflow CC 0.42.15851 Preview (Mar 26, 2014)

  • 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.

New in Adobe Edge Reflow CC 0.37.15833 Preview (Jan 30, 2014)

  • 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.

New in Adobe Edge Reflow CC 0.36.15772 Preview (Jan 15, 2014)

  • 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.

New in Adobe Edge Reflow CC 0.31.13658 Preview (Sep 25, 2013)

  • 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

New in Adobe Edge Reflow CC 0.30.13098 Preview (Sep 9, 2013)

  • 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.

New in Adobe Edge Reflow CC 0.27.12254 Preview (Aug 8, 2013)

  • 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.