BWW Geeks World

Adobe Unveils Preview of 'Edge Reflow' - New Responsive Design Tool

Related: Adobe, News
Adobe Unveils Preview of 'Edge Reflow' - New Responsive Design Tool

Adobe today announced the first public preview of Adobe Edge Reflow, a new responsive design tool for Web designers and developers creating websites and content for screens of virtually all sizes. In addition, the company released new feature updates for Adobe Edge Animate, Adobe Dreamweaver and Adobe Edge Code preview. All today's announced product releases are available exclusively to Adobe Creative Cloudmembers.

Adobe Edge Reflow is a new responsive Web design tool for creating layout and visual designs with CSS and is available immediately as a preview at no charge in Creative Cloud. Edge Reflow features an intuitive resizable design surface that shows how layouts and visuals will adapt to different screen sizes. Leveraging the power of CSS, Edge Reflow enables users to create high fidelity Web designs on the application's native Web surface. It maintains the design vision, through development, by allowing users to preview in the browser, inspect their design in real-time via Edge Inspect extension, and extract the CSS for use in Edge Code, Dreamweaver or any code editor. During the preview period, Adobe is actively seeking user feedback for Edge Reflow in order to help evolve the product. Users are encouraged to submit their feedback to Adobe through GitHub at https://github.com/edge-reflow/issues.

Adobe also announced important updates to Adobe Edge Animate to give it powerful new CSS-based features, including gradients, CSS filters, and enhanced font support. Users will now be able to style and animate elements using radial or linear gradients, and preview Edge Web Fonts* live in a new interface. New CSS filter support for Edge Animate allows users to take advantage of exciting CSS capabilities found in modern WebKit browsers, including blur, greyscale, sepia, brightness, contrast, hue-rotate, invert and saturate filters. Previously, filter effects could only be achieved using tools like Adobe Photoshop.

In addition, Adobe delivered an update to Adobe Dreamweaver exclusively for Creative Cloud members that improves interoperability with the Adobe Edge Tools & Services family and includes several new features to enhance code authoring ability and workflow. Fluid grid layout, a feature first introduced with Adobe Dreamweaver CS6, now allows developers to leverage class tags in addition to ID tags and features a new editing interface. Developers can also now easily preview, select and incorporate Edge Web Fonts into their Dreamweaver projects.

This preview release of Adobe Edge Code includes features such as Live Development, which allows users to see changes in the browser immediately as they make 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 productive code editor for web designers and developers working with Web standards.

The Edge Reflow preview, Edge Animate, Dreamweaver and Edge Code preview updates are all available immediately to Creative Cloud members. For further details on Adobe Edge Reflow, please visit http://html.adobe.com/edge/reflow/. For more information on Adobe Creative Cloud or Edge Animate, Dreamweaver, Edge Code preview and other tools available in Creative Cloud, please visit www.adobe.com/products/creativecloud.html.

SOURCE: BUSINESS WIRE ©2014 Business Wire

GEEKS VIDEOS

STAGE TUBE: First Look at Second Episode of Telltale's GAME OF THRONESSTAGE TUBE: First Look at Second Episode of Telltale's GAME OF THRONES VIDEO: Watch President Obama's 2015 State of the Union Speech - LIVE!VIDEO: Watch President Obama's 2015 State of the Union Speech - LIVE! Video: YouTube Stars to Interview President Obama - And You Can Too!Video: YouTube Stars to Interview President Obama - And You Can Too! VIDEO: ELLEN Responds to Accusations of Having 'Gay Agenda'VIDEO: ELLEN Responds to Accusations of Having 'Gay Agenda' VIDEO: Google Jumping More into Education with Google ClassroomVIDEO: Google Jumping More into Education with Google Classroom VIDEO: Nintendo Shows Off New Nintendo 3DS XLVIDEO: Nintendo Shows Off New Nintendo 3DS XL VIDEO: Space Ship? No. D-Link Unveils ULTRA Performance Series of 11AC RoutersVIDEO: Space Ship? No. D-Link Unveils ULTRA Performance Series of 11AC Routers Video: D-Link Launches Industry's First Gigabit PowerLine Kits with MIMOVideo: D-Link Launches Industry's First Gigabit PowerLine Kits with MIMO VIDEO: LaCie Unveils Mirror Portable Hard Drive; Encased in Glass & Designed for LooksVIDEO: LaCie Unveils Mirror Portable Hard Drive; Encased in Glass & Designed for Looks VIDEO: Sneak Peek at the Angry Birds Christmas Special SANTAMENTAL MEVIDEO: Sneak Peek at the Angry Birds Christmas Special SANTAMENTAL ME STAGE TUBE: Samsung Canada Celebrates Launch of the NX1 with Short Film Starring Joseph Gordon LevittSTAGE TUBE: Samsung Canada Celebrates Launch of the NX1 with Short Film Starring Joseph Gordon Levitt VIDEO: Aidy Bryant Reaches 10,000 Tweets from Cut Sketch from Last Week's SNL; Watch Below!VIDEO: Aidy Bryant Reaches 10,000 Tweets from Cut Sketch from Last Week's SNL; Watch Below! Fully Restored Video: Craigslist 1996 Nissan Maxima CompletedFully Restored Video: Craigslist 1996 Nissan Maxima Completed VIDEO: CONAN Meets Digitzed Kevin Spacey in 'Call Of Duty: Advanced Warfare'VIDEO: CONAN Meets Digitzed Kevin Spacey in 'Call Of Duty: Advanced Warfare' VIDEO: It's Here! Starwood's Keyless Entry Launches Today!VIDEO: It's Here! Starwood's Keyless Entry Launches Today! New Video: Immigration Enforcement Needed to Counter Criminal and Terrorist ThreatsNew Video: Immigration Enforcement Needed to Counter Criminal and Terrorist Threats

Subscribe for News & Specials