beautypg.com

Css designer enhancements, Live highlight context save and restore – Adobe Dreamweaver CC 2014 v.13 User Manual

Page 14

background image

To the top

To the top

CSS Designer enhancements

Live Highlight

While editing the properties of a CSS Selector prior to Dreamweaver 13.1, there was no way to identify the elements on the page that would be
affected by the changes.

Now, using Live Highlight, you can easily identify the page elements associated with a CSS Selector. You can then choose to continue to edit the
properties, or if you want to change the properties of only a specific element, create a new CSS Selector for that element, and then edit its
properties.

For more information, see Identify page elements assoicated with a CSS Selector.

Context save and restore

Context save and restore is now implemented in Dreamweaver to preserve the original context of the CSS Designer panel in all Edit/Add/Delete
workflows.

Earlier, when you Edit/Add a property within a selector in the computed list of selectors, the properties pane used to switch to the computed list of
properties. Or editing/deleting margin values used to move the margin property block down.

Context Save and Restore addresses these issues.

You can see Context Save and Restore in action in the following scenarios:

CSS Rule tracker – Click on any selector in the Selectors pane. IP is updated in the CSS code

Delete properties in the text/border or any other categories. The properties pane will not lose the context.

Scrolls and tabs inside the properties pane is maintained across selectors – if you move to border in one selector and then change to
another selector, you will still see the properties pane displaying the border category.

Apart from these, you will see that Editing/Adding of properties within a selector in the computed list of selectors and editing/deleting margin values
working all the more better.

7

This manual is related to the following products: