Skip to main content

Adobe releases public preview of Edge Reflow, updates Edge Animate, Dreamweaver & Edge Code for Creative Cloud members

Adobe announced updates on Thursday to many of its HTML5 design tools for Creative Cloud users. Among the updates, we get new features for Edge Animate, Dreamweaver, and Edge Code. Adobe is also releasing the first public preview of its Adobe Edge Reflow responsive web design tool. Head below for all the details:

EdgeReflowPreview_Responsive_021413Adobe Edge Reflow: After giving us a look at its new responsive design tool Adobe Edge Reflow in September, Adobe is finally releasing the first public preview free of charge to all Creative Cloud users. Adobe said the tool provides designers with the ability to create responsive layouts and high-fidelity web designs using CSS, a resizable design surface, and real-time previews with Edge Inspect. Users will also be able to extract the CSS for use in Dreamweaver, Edge Code, or another editor. Adobe detailed today’s public release in the video above.

EdgeAnimate_UI_021314Adobe Edge Animate: Today’s update to Edge Animate brings new features, including: “gradients, CSS filters, and enhanced font support.” Adobe highlighted new CSS capabilities that consist of the ability to style and animate linear and radial gradients, new CSS filters such as blur, greyscale, brightness, contrast, sepia, and saturate filters, and a visual web font selector to add typography and live preview web fonts.

Dreamweaver_EdgeWebFonts_021413Adobe Dreamweaver: As for Dreamweaver, Adobe has updated the app exclusively for Creative Cloud members to bring integrated access to typography and a new fluid grid layout. The fluid grid layout feature was first introduced in Dreamweaver CS6, but it now includes “class tags in addition to ID tags” and a new editing UI. Users will also be able to preview and select Edge Web Fonts in Dreamweaver.

Adobe Edge Code preview: Adobe also highlighted new features of the latest Adobe Edge Code preview:

This preview release of Adobe Edge Code includes features such as Live Developer, which allows users to see changes in the browser immediate as they made code edits, and also Quick Edit, which lets users edit code in context instead of switching between files. This latest update adds code hinting for CSS properties and HTML tags and attributes, making this release an even more product code editor for web designers and developers working with Web standards.

Adobe said the updates above are available to Creative Cloud customers immediately. Another video showing off new features in Edge Animate and screenshots is below:

FTC: We use income earning auto affiliate links. More.

You’re reading 9to5Mac — experts who break news about Apple and its surrounding ecosystem, day after day. Be sure to check out our homepage for all the latest news, and follow 9to5Mac on Twitter, Facebook, and LinkedIn to stay in the loop. Don’t know where to start? Check out our exclusive stories, reviews, how-tos, and subscribe to our YouTube channel

Comments

Author

Avatar for Jordan Kahn Jordan Kahn

Jordan writes about all things Apple as Senior Editor of 9to5Mac, & contributes to 9to5Google, 9to5Toys, & Electrek.co. He also co-authors 9to5Mac’s Logic Pros series.