Adobe Dreamweaver CC 2015 - Manual (Page 16)

9
What's new
Last updated 6/3/2015
Custom preview in Code view using showPreview API
With this release of Dreamweaver, you can generate a custom preview popup that gets displayed when you hover your
mouse over the code in Code view. To implement customized previews, you can use the new API, showPreview, along
with the existing mm:browsercontrol API. For example, you can use these APIs to display a preview of all the
parameters of a JavaScript function when you hover your mouse over the name of the function.
Code folding
In previous versions of Dreamweaver, you had to select code blocks in Code view and then collapse them. In this
version and later, you can collapse code blocks by simply hovering over the line numbers and clicking the triangle that
appears.
Code folding (collapsing) is available in HTML, CSS, LESS, Sass, SCSS, JS, PHP, XML, and SVG files and is based on
tag blocks.
The Copy, Cut, Paste, and drag-and-drop actions retain the code folding state. For example, when you copy a code block
that is collapsed, the Paste action pastes the copied text as a collapsed block.
In HTML files, unlike the earlier code collapse functionality, the collapsed content now contains the closing tag and is
rendered differently. Also, the number of characters displayed in a collapsed code block is now increased. This helps
you to preview the initial attributes, if any.
For detailed information, see Collapsing code .
Extract enhancements
• Extract for devices
• Support for % units
Extract for devices
Devices not only vary in sizes, but also in resolutions. Your plan for a responsive web design must account for multiple
resolution versions of images that are rendered appropriately on devices. However, it can be a daunting task to create
so many different resolution versions for all the images in your project.
Extract in Dreamweaver eases up this task to a large extent. While extracting an image from your Photoshop comp in
the 2015 release of Dreamweaver, you can choose to extract different resolution versions of that image too. The image
in Photoshop is automatically scaled in different, predefined resolutions during extraction.
You can then call these images in JavaScript or media queries to display them based on the device they are viewed upon.
For example, for high density retina display, you can use the 2X version of the image.
For more information, see Extract images from PSD files .