beautypg.com

Nested insert in live view, Editing selectors directly in element display, Coding toolbar changes – Adobe Dreamweaver CC 2015 User Manual

Page 18: Css designer improvements, All and current modes

background image

11

What's new

Last updated 6/3/2015

Nested Insert in Live View

Now, you can insert elements within other elements in Live view. When you drag elements from the Insert panel, Asset
panel, or within Live view, and hover over different elements on the page, you will notice the visual feedback for nesting
elements (along with before and after guides).

Before/After guides: When you hover over top and bottom 30% of the element.

Nesting visual feedback: When you hover over the middle 40% of the element.

Editing Selectors directly in Element Display

You can now simply click the name of the Selector in Element Display to edit it. You can commit the changes by clicking
anywhere on the page.

Coding toolbar changes

The following options in the Coding toolbar related to collapsing code have been removed:

• Collapse Full Tag

• Collapse Selection

Note

: These options have been removed from the right-click context menu and the Edit menu as well. You can now

Collapsing code

by hovering your mouse over the line number and clicking the triangle that appears. Also, the following

options are now not available for HTML, CSS, and JS files.

• Highlight Invalid Code

• Syntax Error Alerts in Info Bar

You can now use

linting

to find errors in the code and the Output panel displays the linting results.

CSS Designer improvements

All and Current modes

Code hints

Color coding for media queries

Other changes

All and Current modes

CSS Designer now provides two different modes of viewing and editing CSS properties:

All: All the CSS, media queries, and selectors in the current document are listed in this mode. This mode is not

sensitive to the selection in Design or Live view.