Enhanced user experience, Rendering enhancements, Inspect – Adobe Dreamweaver CC 2015 User Manual

Page 71

Advertising
background image

64

Workspace and workflow

Last updated 6/3/2015

• Error messages

• Zoom/Scroll

• Fluid Grid pages

• Architectural changes

• Code Navigator

• Navigation

• SSL Certificate

• Live Code/Code View

• External CSS

• Dynamically Related Files

• Live View options

• Viewport

Enhanced user experience

Rendering enhancements

With CEF integration, many enhancements have been done to the way Dreamweaver renders objects and other UI
elements.

The following illustrations show how a div with border radius and gradient repeat is rendered in the old Apollo Webkit
and after CEF integration.

Inspect

The new inspect mode is the same as Google Chrome’s inspect. The “Margin” is marked in yellow and the “Padding”
in purple. A set of horizontal and vertical rulers appear when you hover your mouse over the elements. The rulers
appear at top/bottom and left/right, based on the position of the element. The rulers show the value of the margin,
padding, width, and border properties applied to the element.

In addition, a tool tip with the following information also appears:

• The name of the element (for example, div)

• CSS class or ID, if defined.

• The dimension of the element. The number shown is the sum of the width, padding, and the border applied to that

element.

Advertising
This manual is related to the following products: