Adobe’s Dreamweaver Web Dev Tool Gets New Visual CSS Designer, Enhanced Grid Layout And PhoneGap Build Support

Adobe‘s just announced the latest version of Dreamweaver, its tool for quickly developing web content. The new version has now caught up with a number of modern web development techniques and also features support for the company’s new syncing features in Creative Cloud.

Adobe says it has greatly simplified and modernized the Dreamweaver interface in this release, making it more intuitive and allowing for smoother workflows. Adobe has also removed a number of outdated features in Dreamweaver, which should make the app feel lighter and faster.

Dreamweaver CC also now features a new CSS Designer, a visual editing tool, which the company says, will allow developers to easily generate web-standard code for their sites and quickly apply CSS properties such as gradients and box shadows.


The tool acknowledges that responsive design is here to stay. Dreamweaver now features an enhanced fluid grid layout that allows web designers to construct web designed and responsive sites visually. The uploaded “Fluid Grid Layout” interface, Adobe says, “makes it a cinch to design projects that display on different screen sizes for desktop and devices.”

Edge Web Fonts, the company’s font library powered by Typekit is now also integrated into Dreamweaver, allowing designers to go beyond the usual Arial and Times New Roman fonts on their sites.

For users who target mobile devices with their designs, Dreamweaver CC now also includes some new features. Thanks to PhoneGap Build Support, for example, they can now easily build and package native apps for iOS and Android right inside the application.