Is Edge Reflow a designer tool or a developer tool or both

It will nice if Adobe or the dev. team state  clearly who this tool is targeting. Is it a designer-developer workflow tool? A purely designer tool (No code required and the development team will ensure cross browser compatibility). Or a developer tool to assist in quick development.
Adobe please lets know where we stand as designers with this tool.
Regards.

It's closest to
A purely designer tool (No code required and the development team will ensure cross browser compatibility).
The goal is to convey design and design intent. It won't replace the developer in your current workflows but it should ease working with them because they will know exactly what css value you specified.

Similar Messages

  • Is it possible to do development in bootstrap framework that which the design was done on adobe edge reflow?

    Hi,
    i want to do responsive design.so i choose adobe edge reflow is it possible to do development in bootstrap framework that which the design was done on adobe edge reflow?

    You should probably ask in Edge Reflow CC Preview
    The Cloud forum is not about using individual programs
    The Cloud forum is about the Cloud as a delivery & install process
    If you will start at the Forums Index https://forums.adobe.com/welcome
    You will be able to select a forum for the specific Adobe product(s) you use
    Click the "down arrow" symbol on the right (where it says All communities) to open the drop down list and scroll

  • The first Ask a Pro for New Responsive Web Design tool, Reflow 2/22

    The new Responsive Web Design tool – Reflow – is out.
    When: Friday, February 22, 2013 – Noon Pacific Time. Session start time for other time zones are here:  http://bit.ly/12D9ILL
    Description: Edge Reflow preview has just been released and now is your chance to see all the ins and outs of this new tool, as well as how it integrates with other Edge tools and services. Join evangelist Paul Trani as he takes you through Reflow and workflows with other Edge tools and services when designing for the modern and mobile web.
    Register here: http://www.adobe.com/cfusion/event/index.cfm?event=detail&id=2008488&loc=en_us

    The replay of this webinar is available OnDemand: http://seminars.adobeconnect.com/p2l90bhma2n/

  • Edge Reflow as a prototyping tool

    Hi everybody,
    I'm working on the wirefames of a website that has to be responsive.
    I wanted my client to be able to navigate these wireframes on a mobile or a tablet.
    So I give a try to software like Justinmind Prototyper or Axure.
    I'm not using them for long but I'm finding they are big piece of software!
    I'm thinking Edge Reflow would be the better choice not only for designing but also for prototyping if it would include a way to simulate dropdown menu (for desktop website) or slidepanel menu (for mobile website).
    Wait and see, may be it is planned for next version.
    Best regards
    Simon

    Hi LARV
    Edge Animate just publishes the usual HTML/JS/CSS stuff.No dependency with drupal.

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

  • 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

  • Business Catalyst and Edge Reflow

    Will there be a way to utilize the responsive layout tools in Edge Reflow with modules in Business catalyst?

    https://www.google.co.nz/search?q=how+to+do+responsive+web+design&oq=how+to+do+responsive+ web+design&sugexp=chrome,mod=0&sourceid=chrome&ie=UTF-8

  • A Sneak Peak of Adobe Edge Reflow | Adobe Edge Reflow | Adobe TV

    Adobe Edge Reflow is our latest and cutting edge tool to help you create responsive layouts using standards-based CSS. Check out this video where Senior Product Manager, Jacob Surber, will share with you Reflow's design philosophy and core features.
    http://adobe.ly/QQ6dbJ

    I'm confused on how these new Edge products will work into the product line in relation to Dreamweaver. Dreamweaver CS6 has some very effective responsive web design capabilities which I am using heavily, but it seems like with Edge Reflow and Edge Code, Adobe might be steering things in a different direction.
    I am a developer, and spend a good portion of my days in Dreamweaver. I've also got a substantial investment on Dreamweaver extensions. Can you shed some light on how Edge products are meant to complement or compete with Dreamweaver? It seems like you need to sell Dreamweaver and the Edge products to the same audience. How's that going to work?

  • What Edge Reflow should keep in consideration

    I've been following Edge Reflow for some time now, have used it to showcase developers my mockups, and have even used it in some rather large projects. Although currently mostly unusable to me for production in the current Preview, there is a lot you can do with it. The demand of responsive layout is no longer an option in my opinion, its what everyone expects. I've looked everywhere to try to find something similar, and recently came across a few sites that pull off what Edge is trying to do. So for the developers currently working on this or other Designers that need a good reference, here are some sites that I hope Adobe can bring into the Edge-Reflow-Photoshop workflow.
    http://www.webflow.com/
    http://froont.com/
    https://www.easel.io/

    My point with the post was not so much a single or multiple features within the other products, but rather the ease of use and intuitive design. The current design approach in Reflow at first seems VERY simply, until you begin actually moving your responsive elements around and realize its completely rearranging the DOM (of course, after reading multiple threads you realize there is a solution to it). The  current Preview generated css is buggy and produces countless lines of **.123i482gg86dedsdfweflkj** infinite gibberish, not presenting me with a recognizable ID or class that I can later manually edit. The APPROACH of simplicity, the clean css, the ease of use, is the "feature" I'm pointing out to devs and designers alike in the above referenced. Wether the tools are browser apps, desktop software, web apps or whatever other list the can pertain too is not so much the point. I think Adobe has definitely taken the right approach with Reflow and looking to integrate with its current services. These tools cater to the designers. Most web devs already know how to configure a responsive web project and what code they need to make it happen, but in my experience (not putting anyone down here) lack a sense of composition and aesthetic principles. I'm not trying to to say that all web devs are colorblind angry geeks on green vga terminals that demand code knowledge for validation of a designers skills. My point is simply that intuitive tools which Reflow is intending and the afformentioned help a designer better navigate and explore aesthetic boundaries that other UI tools cannot provide, and therefor bring the reference of well executed projects currently being used and available as a landmark to where I believe Adobe should compare itself to.

  • Edge Reflow... et al

    So, have recently stumbled on the Edge workflow/solution/whatever... and am very confused!
    What exactly is this about?
    Is it:
    1. An alternative tool / application to DW?
    2. Just a design aid? In which case how does one export the code to DW for fine tuning?
    3. I gather it's based on 'Brackets'. In which case, how does it differ from the free downloadable Brackets at http://brackets.io/ ?
    4. Etc., etc., etc.
    Grateful for any elucidation, explanation and elaboration...
    Cheers,
    S

    More for you -
    How is Edge Reflow different from Adobe Muse or Dreamweaver?
    Edge Reflow is a responsive design tool with a fluid grid layout UI with features to adapt design based on the properties of the viewing device. Muse has adopted the alternate design approach, which allows the primary layout to be manually adapted for other devices.
    Dreamweaver is primarily a code editor, and the fluid grid layout feature is intended to provide developers with a way to generate publishable HTML code for their responsive design. Edge Reflow is a highly visual tool with features for designers to quickly ideate and mock-up different design comps for various devices and view their results on various targeted screens. Unlike Dreamweaver, Edge Reflow does not provide coding features so designers must extract generated CSS code for implementation and deployment.
    (taken from a post here - http://www.webdesignerdepot.com/2013/04/an-introduction-to-edge-reflow/)

  • Edge reflow kind of interface for dreamweaver

    R we ever going to see adobe edge reflow or adobe muse kind of interface in dreamweaver?  Dreamweaver still by n large very code oriented.  When we r going to see more user friendly,  graphical interface similar to reflow or muse?

    Hi
    I have to agree html and css are not coding languages. As html is exactly what its name says, 'hyper-text-mark-up-language', and css is a style language, (which is not just for html).
    As for javascript not being a coding language, back in the 1990's I may have agreed, but now it is recognised and used as a real coding language, and if you are using a computer, (which you obviously are) then quite a large amount of the code used to create the programs you are using is written in javascript. Lets also not forget that many of the interface elements you use in these programs are created using html.
    You mention that you cannot set break-points or use other de-bug features for javascript in Dw. Have you checked out the latest version, (or even looked at the new features?) as de-bug is now possible.
    As for me I do not consider Ruby-on-Rails, or Python real programming languages, but then again I started coding in machine code and assembly language back in the 60's, and I can still remember attempts by software developers to try and create a visual software development tool that created interface elements, styled them and built the programming code necessary via a visual interface. None of those software developers are still in existence, and all agreed that to create such a program that did everything necessary, and just as important correctly for the professional user, was simply not realistic.
    I agree times change, and many Dw users want a more designer centric UI without the necessity to code, ( or use mark-up and styling correctly). But the limitations imposed by such a program would make Dw a tool for amateurs at best, or limit what is possible to such a degree that most professionals would stop using it.
    PZ

  • 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

  • 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 to use SOA Suite in conjunction with SOA Analysis and Design Tools

    Hi everybody,
    I am a novice in this field and I need some help regarding integrating analysis and design tools with SOA Suite.
    We used to analyze and design with Oracle Designer and use its powerful form generator to develop a system. It almost covered all the software lifecycle and kept the traceability between anlaysis,design and implementation.
    I have studied about the SOA concepts and read some papaer about SOA Suite. I have also installed the SOA demo based on SOA Suite and I found it absolutely amazing, but my problem is that It seems oracle does not have any tools for SOA Analysis and Design. am I right? if so, How can we analyze and design a system based on SOA concepts and implement it using soa suite in such a way that keeps traceability? What tools is used for this purpose?
    It seems that IBM have some tools like Rational Software Architect and Rational Suite which enable people to design and analyze based on SOA concepts and then generates some pieces of code (like oracle designer in old days) but is it possible to design in these tools and then generating codes for SOA Suite ? (for example generating a bpel file from a design model)
    As I told before I am a novice in this field and I would be so grateful if other users can share their expriences regarding this matter.
    Any help would be highly appreciated.
    Thanks in advance,
    Navid

    Learn About All Things SOA:: SOA India 2007:: IISc, Bangalore (Nov 21-23)
    Aligning IT systems to business needs and improving service levels within the constraints of tight budgets has for long been the topmost challenge for CIOs and IT decision makers. Service-oriented Architecture (SOA) provides a proven strategy to clearly address both of these objectives. Creating more agile information systems and making better use of existing infrastructure are two leading factors that are boosting SOA adoption across large, medium, and small Indian industries from the BFSI, Retail, Telecom, Manufacturing, Pharma, Energy, Government and Services verticals in India. If you are an IT decision maker belonging to any of these verticals, SOA India 2007 (IISc, Bangalore, Nov 21-23 2007) presents a unique opportunity to gather cutting-edge business and technical insights on SOA and other related areas such as BPM, BPEL, Enterprise 2.0, SaaS, MDM, Open Source, and more.
    At SOA India 2007, acclaimed SOA analysts, visionaries, and industry speakers from across the world will show you how to keep pace with change and elevate your IT infrastructure to meet competition and scale effectively. The organisers are giving away 100 FREE tickets worth INR 5000 each to the first 100 qualified delegates belonging to the CxO/IT Decision Maker/Senior IT Management profile, so hurry to grab this opportunity to learn about all things SOA. You can send your complete details, including your designation, e-mail ID, and postal address directly to Anirban Karmakar at [email protected] to enrol in this promotion that is open until 12 October 2007.
    SOA India 2007 will also feature two half-day workshops on SOA Governance (by Keith Harrison-Broninski) and SOA Architecture Deep Dive (by Jason Bloomberg). If you are an IT manager, software architect, project leader, network & infrastructure specialist, or a software developer, looking for the latest information, trends, best practices, products and solutions available for building and deploying successful SOA implementations, SOA India 2007’s technical track offers you immense opportunities.
    Speakers at SOA India include:
    •     Jason Bloomberg, Senior Analyst & Managing Partner, ZapThink LLC
    •     Keith Harrison-Broninski, Independent consultant, writer, researcher, HumanEdJ
    •     John Crupi, CTO, JackBe Corporation
    •     Sandy Kemsley, Independent BPM Analyst, column2.com
    •     Prasanna Krishna, SOA Lab Director, THBS
    •     Miko Matsumara, VP & Deputy CTO, SoftwareAG
    •     Atul Patel, Head MDM Business, SAP Asia Pacifc & Japan
    •     Anil Sharma, Staff Engineer, BEA Systems
    •     Coach Wei, Chairman & CTO, Nexaweb
    •     Chaitanya Sharma, Director EDM, Fair Isaac Corporation
    A partial list of the sessions at SOA India 2007 include:
    •     EAI to SOA: Radical Change or Logical Evolution?
    •     BPEL: Strengths, Limitations & Future!
    •     MDM: Jumpstart Your SOA Journey
    •     Governance, Quality, and Management: The Three Pillars of SOA Implementations
    •     Building the Business Case for SOA
    •     Avoiding SOA Pitfalls
    •     SOA Governance and Human Interaction Management
    •     Business Intelligence, BPM, and SOA Handshake
    •     Enterprise 2.0: Social Impact of Web 2.0 Inside Organizations
    •     Web 2.0 and SOA – Friends or Foe?
    •     Achieving Decision Yield across the SOA-based Enterprise
    •     Governance from day one
    •     Demystifying Enterprise Mashups
    •     Perfecting the Approach to Enterprise SOA
    •     How to Build Cost Effective SOA. “Made in India” Really Works!
    For more information, log on to http://www.soaindia2007.com/.

Maybe you are looking for