Fireworks to Edge Reflow?

I know Adobe don't like Fireworks but I'm hoping that they will have a workflow from FW6 to Edge Reflow. Is there any info on this?
Photoshop is great for image editing but it sucks real hard for web and mobile design, I just can't use it for that sort of work. I still find it mid-boggling how many people have FW installed and yet use PS for all their web and mobile design work. Unbelievable.

The output is bad, but it doesn't have to be, so I'm wondering which steps in building the FW layout in a particular way are most onerous.  If you had to put all the elements you want to appear in a div together in their own sublayer, would that be too bad?  What about naming elements in a particular way to specify how they get output?  What if you had to use a special div auto shape instead of a rectangle to draw backgrounds and things?
I tried this process with great excitement when FW became able to export CSS-based layouts but the results were terrible so I abandoned it and just went back to producing the layouts as they were required visually. Your ideas are on the right track in terms of setting up the FW page and getting good output (with a better engine). Personally, I don't like to use lots of layers and never use sub-layers (selecting objects on the canvas in FW is so easy), so the sub-layers approach is less appealing but I do like the idea of a DIV auto shape. It would have to act as a container and be able to 'hold' the elements inside it, including other DIVs and possibly tables. I think shapes and text (content) should be styled using FW styles which would be converted into CSS styles (does it already do this? I haven't checked).
I think to really test the integrity of this process would require some more thinking and scenario-based documentation, which I would gladly do if you were interested in doing something in this space. I love FW and use it every single day.
That would require rebuilding it from the ground up, but I also believe that a graphics app built on an HTML renderer is the future, since you get layout reflows and rich styling for free.  Reflow is nowhere to having sufficient tools for even a very basic drawing app (not that that's what it's trying to be right now).
I totally agree re the graphics app on HTML renderer which is why I'm so interested in moving the design and layout process onto a real HTML layer right from the start. This includes interactivity as well eg. rollovers, content flips, sliders etc. etc. ER immediately made me think like this but as you say, it's miles away from it and I don't expect Adobe to go to that place.
John, if you're interested in pursuing any of these ideas, I would be delighted to provide input and research into any effort. I am a UI designer/strategist for a web-based CRM/CMS company.
Cheers
Paul

Similar Messages

  • Suggestion: Adding a "Pages Panel" in Edge Reflow, similar to Adobe Fireworks

    Hello Adobe Team:
    I realize ER is mostly to set up fluid layout prototypes, which so far I'm loving this software.  Especially the feature of your align panel. 
    But, I have a suggestion that I would love to see implemented in the near future. 
    Allowing for more than one File to be opened in ER
    Adding a "Pages Panel" similar to the Fireworks pages panel
    Master Page
    Pages

    Thanks for the suggestion!  I filed a Feature Request in our public github at: https://github.com/edge-reflow/issues/issues/38
    If you have a free github account, feel free to add additional feature requests there.  Posting them here is fine, too!

  • How do you use edge web font in Edge Reflow?

    By default, I don't have a lot of fonts. It's just viewing a few of them.
    How can you get the web font for Edge Reflow? Can you use font from fontbook?
    Is there a way to download Edge Web Font?

    Above: using Brandon Grotesque (web use font) does not display the correct font.
    I'm using Typekit and have an internet connection. If I switch to a "desktop use" font, it shows up, so I'm guessing the "web use" only fonts won't show in Reflow. A little frustrating when you're trying to get an accurate preview/determine best font styling because of the back-and-forth workflow.
    Above: using Source Sans Pro (desktop use font) does display the correct font.

  • How do i buy Edge Reflow

    I already have Photoshop, through my CC account, and now looking into buying Edge Reflow.
    I just can't figure out how much it costs, or even how to purchase.
    All the links i follow, to purchase, take me to a plan overview, with products that i don't need, and no price for Edge Reflow.
    Any advice?

    Hi there,
    Edge Reflow is currently a preview release,The Edge Reflow (Preview) is available for download by anyone with a free or complete Creative Cloud membership.
    See FAQ here - Edge Reflow FAQ
    ^Ani

  • How do I uninstall Edge Reflow CC?

    I recently downloaded the app because I was curious about using it. Now I'm having issues on my print files (end of file) and the stability of Photoshop CC when I do things like adding layer masks and vector masks. When I look at the dump for output it's indicating that I'm using an unsupported layer type due to Reflow.
    How can I uninstall Edge Reflow CC? I have an uninstaller for Edge Animate CC, but not one for Edge Reflow CC.
    Applications > Utilities > Adobe Installers
    Mac OS X 10.8.5
    Thanks for any (helpful) responses in advance.

    I said dump, I meant log. I didn't get a screenshot of the message. It said something to the effect of Generator had and error and close Photoshop. When I tried to save my files I received unexpected end of file encountered upon reopening the files upon restarting Photoshop. The first time I received a message was on creation of a layer mask from a vector path. The second time was in a different file, I was converting the vector path to a vector mask. Luckily I saved the original file. It's just a jpg. I was eventually able to edit the file (3 attempts).
    [1;31mUnknown layer type, something is wrong with the document
    [0mHandling an unknown change by deleting all generated files and resetting the state
    Getting document info with these params: {"documentId":78,"flags":{"compInfo":true,"imageInfo":true,"layerInfo":true,"expandSmartO bjects":false,"getTextStyles":true,"selectedLayers":false,"getCompSettings":true}}
    Photoshop message: {"id":16,"body":{"version":"1.0.0","timeStamp":1383789844.116,"id":78,"file":"/Volumes/cl ients/client/Images/industrial/hpu/G-18-T.jpg","bounds":{"top":0,"left":0,"bottom":1015,"r ight":2035},"selection":[0],"resolution":300,"globalLight":{"angle":120,"altitude":30},"ge neratorSettings":false,"layers":[{"id":4,"index":0,"type":"layer","name":"Layer 0","bounds":{"top":58,"left":54,"bottom":942,"right":1988},"visible":true,"clipped":false ,"mask":{"bounds":{"top":58,"left":54,"bottom":942,"right":1988}},"pixels":true,"generator Settings":false}]}}
    Received complete document: {
        "version": "1.0.0",
        "timeStamp": 1383789844.116,
        "id": 78,
        "file": "/Volumes/clients/client/Images/industrial/hpu/G-18-T.jpg",
    Also
    Resetting state for document 78
    Document path changed from "/Volumes/clients/client/Images/industrial/hpu/G-18-T.jpg" to "/Volumes/clients/client/Images/industrial/hpu/G-18-T.jpg"
    Scheduling change to layer 4 of 78
    Creating layer context for layer 4
    Photoshop message: {"id":16,"body":"[ActionDescriptor]"}
    [1;31mUncaught exception on Wed Nov 06 2013 21:04:04 GMT-0500 (EST):
    Error trace: TypeError: Cannot read property 'name' of undefined
        at startLayerUpdate (/Applications/Adobe Photoshop CC/Adobe Photoshop CC.app/Contents/Required/Plug-Ins/Generator/assets.generate/main.js:1001:70)
        at /Applications/Adobe Photoshop CC/Adobe Photoshop CC.app/Contents/Required/Plug-Ins/Generator/assets.generate/main.js:980:21
        at runPendingUpdates (/Applications/Adobe Photoshop CC/Adobe Photoshop CC.app/Contents/Required/Plug-Ins/Generator/assets.generate/main.js:956:38)
        at null._onTimeout (/Applications/Adobe Photoshop CC/Adobe Photoshop CC.app/Contents/Required/Plug-Ins/Generator/assets.generate/main.js:982:17)
        at Timer.listOnTimeout [as ontimeout] (timers.js:110:15)

  • New Release of Edge Reflow CC (Preview 7)

    We're excited to share Edge Reflow CC (Preview 7)! This new update helps you get up to speed with Reflow quickly, so you can create awesome responsive designs without a huge learning curve.
    Thanks to your feedback, we've added the following new features:
    New Welcome project that's available when you first launch Reflow. It's an interactive introduction to Reflow that is also an actual responsive Reflow project!
    Add forms to your design with the new Form Elements, including buttons, select drop-downs, text inputs, check-boxes and radio buttons
    Demonstrate interactivity in your design using the hover, focus and active states
    Create links across multiple pages to show navigation
    Move objects intuitively in the layout with the new insertion caret
    Working with groups (command/ctrl G) and elements within groups is now much easier and more intuitive
    Search and filter your assets using the new search field in the Asset panel
    With the help of Paul Trani, we’ve created 11 short tutorial videos walk you through each step in creating a responsive design in Reflow.  Choose which step you’re most interested in learning or watch them all to get a better understanding of Reflow and designing for the web.
    For more info, read our blog post and visit our site!

    Please can you include the play.psd used in the features video. I would like to understand the correct layer ordering and naming order so that when the psd is imported into edge that the DOM is set up correctly. Alternativly please make a video or tutorial regarding layer organisation with the DOM in mind.
    Thanks

  • New Update to Edge Reflow CC Available!

    Today, we are pleased to announce that an update to Edge Reflow is now available. Included in this release are the following new features:
    Multi-page design: On the right side of Reflow’s design surface (below the recently added ‘Assets Panel’ and above the canvas resize handle), you’ll notice a brand new ‘Pages Panel.’  Here, you can easily duplicate, rename and navigate between all of the pages in your project.  Once your design is created, a new navigation bar at the top of the browser preview will allow you to switch between all the pages within your project.
    In-app preview mode: There is now a simpler and more immediate way to see your design. Try the new in-app preview mode by hitting the TAB key. The app’s UI, including on canvas guides, will disappear, leaving you with just your design.
    Right-click support: Also included in this release is the support for right-click. Now, with a simple right click, you will be able to copy and paste styles, duplicate elements and turn an asset into a background image.
    Cmd/Ctrl: One of the most commonly used actions in Photoshop and Illustrator is the Cmd/Ctrl key, which allows you to toggle between placement and selection mode.  You can now use the same shortcut in Edge Reflow. You can also pull up the ‘short cut sheet’ in Reflow by hitting Cmd/Ctrl +/. 
    Improvements to “Undo”: Drastic improvements have been made to the reliability of the undo function.  We are aware of some odd behaviors in the past, and they have been addressed in this release.
    Save to generate HTML/CSS: In this release, we’ve made the HTML and CSS more accessible. Previously they were only created when the project was previewed in Chrome or on devices using Edge Inspect.  Now, however, every time you save your work, the HTML/CSS for each page will be generated and made available in the ‘assets’ directory of your project.

    Hi all,
    If you are unable to see the update in your Creative Cloud application, uninstall the Creative Cloud application and reinstall it.
    Thanks,
    Preran

  • SVG with PNG fallback, Responsive, EDGE Reflow & Animate integration

    I mentioned this on the Muse Facebook, and they said I should post it here... I think Muse is an awesome program. But I really, really would love to see these features. Any of them good enough to make it to the sketching table?
    1. SVG with PNG fallback support (for Retina displays)
    The problem with Hi-Res displays on Tablets, phones and laptops is that the web is becoming awfully ugly. You need to zoom to fit webpages, and when they fit, the JPG's and PNG's become blurry. Since displays are increasing resolution year after year and pixel density is becoming a real issue, on phones (like the HTC One) or laptops (Macbook Retina or Chromebook Pixel).
    Wouldn't it be great if we could use vector SVG for new devices for sharp a crisply logo's on every screen. And with that instantly use an automatic PNG-fallback option for older browsers. This would signifantly upgrade any website made with Adobe Muse and the Web in general if you ask me! I've done some research and I found this website very useful considering this issue: http://toddmotto.com/mastering-svg-use-for-a-retina-web-fallbacks-with-png-script/
    2. Responsiveness (Adobe EDGE reflow integration)
    Adobe Reflow is amazingly promising. What if (instead of making different websites for every device) you can export a website to Adobe Reflow to make the design instantly responsive.
    3. Beter Adobe EDGE Animate integration
    EDGE Animate is a great program, especially with the codes and actions which you cna integrate. The only problem is sometimes I want an animation to start playing when I'm at that part of the page, not after when it's done loading. Overall the integration is so-so, and it's doable to add an animation to Muse, but these tweaks could upgrade it from great, so turbo-awesome!
    Which brings me to my next point:
    4. Dynamic Content Loading (Load on view)
    Isn't Muse a great tool for making one-pages?! I love it for that, and I do love one-pages. The problem is that it can take a while to load when it's becoming more complex. Is there a possibility to add a feature when thing are loaded when you scroll? Which is fairly often used on blogs and stuff.
    5. Horizontal Parralax Scrolling
    Since the latest update I've been pretty hooked on the functions of parralax scrolling and what it could do in a usefull way. The problem is that it doensn't work for horizontal scrolling. The objects can move horizontal (when scrolling vertical). But there's no option to add an effect when scrolling in a horizontal direction.
    What do you think? Any of these interesting enough to develop?

    I would love all of the features in this post. But you must post it in the Idea section of the forum so people can vote for your ideas.

  • Muse can't be 100% Responsive due to the Edge Reflow ?

    Hi ,
    I wanted Muse to be responsive from the first time i used it. But then i came to know about Edge Reflow and how it is used to create responsive experience and all that......
    I was wondering with so many updates and changes to Muse and so so so so many requests from the users of Muse , The Muse hasn't been 100% responsive. Is it just me or is it due to the
    fact that Adobe Edge Reflow also happen to be in the Adobe family and due to Reflow......Muse cannot be responsive willingly by the Team. I mean there must be different Teams for Reflow and Muse and both of them couldn't get along and all that. But come on........Everyone knows Muse is just so powerful and Easy to use and it would be great if could also create responsive experience which currently right now Reflow has been assigned to do.
    If Muse is not being developed to be Responsive just due to Reflow , Then i request that , You can just end Reflow and its project. Just add all of those features in Muse. The Whole Adobe Users World wants this to happen. The Designers want this to happen. No one would care if Reflow is gone and Muse takes its responsiveness.
    Everyone wants a powerful Muse.
    Thank you,
    By AdobeKAS

    Hi,
    Download and run the stand-alone battery test utility found on the link below.
    http://h20239.www2.hp.com/techcenter/battery/battery_ts.htm
    Post back with the results.
    Regards,
    DP-K
    ****Click the White thumb to say thanks****
    ****Please mark Accept As Solution if it solves your problem****
    ****I don't work for HP****
    Microsoft MVP - Windows Experience

  • I can't download the Adobe Edge Reflow. The file's downloading is successfull but the file doesn't go to my Creative Cloud so I can't install the programme. I have already install the Photoshop CC and the Reflow Plug-in for Photoshop. May I ask help? :) T

    I can't download the Adobe Edge Reflow. The file's downloading is successfull but the file doesn't go to my Creative Cloud so I can't install the programme. I have already install the Photoshop CC and the Reflow Plug-in for Photoshop.

    Hello
    1. I am running on Windows 8.1
    2. When running the installer file from https://creative.adobe.com/products/download/reflow I get the following choice
    I click "OK" which doesn't do anything for me (CC is off).
    I turn CC on and run the installer again. I get the following window that within few settings disappears:
    Then - just for half a second it says "Launching Creative Cloud desktop" and then it brings CC to front, and that's all.
    RF still not there.
    3. I spoke ta support agent on the Adobe chat on Friday. He looked into my computer for an hour. Uninstalled After Effects (after failing to update it). For some reason all apps disappeared from the list. They then reappeared after he opened PS.
    This morning After Effects is still showing up in my system and is operational.
    Weird.
    4. At the end the agent suggested maybe Firewall is the problem here. Trying that out now.

  • What's New in Adobe Edge Reflow CC | Adobe Edge Reflow | Adobe TV

    Learn about the major enhancements in Edge Reflow CC. We're introducing several new layout and styling methods as well as tons of bug fixes to help you more easily create responsive web designs.
    http://adobe.ly/14JhBR0

    When is Z-Index being released to the impatient flock?
    -mo-

  • How can I include local fonts in my finished edge reflow website?

    How can I include local fonts in my finished edge reflow website?
    The website has to run without internet connection and the use of webfonts. I have already tried to to include fonts manually but this wasn't working.

    I would like this too, as it would save a lot of time using icons in the form of icon fonts.

  • Why won't Photoshop generate an Edge Reflow Project?

    Hello
    I've been trying to import my photoshop file to edge reflow, just as it's been stated in the videos but when I click generate reflow project nothing happens. There's no file created. Also, Edge reflow can't doesn't connect to Photoshop CC. I have both the latest versions of both, and they're up to date. Any help as to why is this happening would be appreciated. Thank you.

    You need to install the reflow plugin for PS CC. After that you nee to rename some layers to e.g "Layer1.jpg" and enable the file --> generate --> image asset option.
    Finally under the same menue you are now offered the new "edge reflow project" option.
    Switch back to reflow and hit the PS Button on the right. Now that reflow has a sync on ps you may import the current psd to a new page.
    http://adobe.com/go/reflowpsplugin_win64

  • Where is Edge Reflow pdf documentation?

    Where can I download Edge Reflow documentation in pdf format?

    Hello!  We have a Getting Started with Edge Reflow posted here: http://www.adobe.com/devnet/edge-reflow/articles/introducing-edge-reflow.html
    And videos giving additional information including a walkthrough of using Edge Reflow here: http://tv.adobe.com/show/adobe-edge-reflow/
    We're hosting this documentation on the web so that we can keep it up to date, and also because we're early in development of Edge Reflow.  Since we're a Preview release, we don't have full documentation available yet.

  • Where is the "Edge Reflow Project" on the Generate menu?

    I download trial version and updated new v14.1 just for the test this feature but there isnt "Edge Reflow Project on the Generate menu? Where is it?

    Hey Murat,
    I´ve got the same problem - have installed the Edge Reflow App, but it still shows the "Image Assets" Menu for using... Can´t find it also
    Does anybody know about this problem?
    btw - I don´t have the trial - working on a MBP (mid. 2013)
    Thnx for help - ...anybody... :/

Maybe you are looking for