Enhanced user experience, Rendering enhancements, Inspect – Adobe Dreamweaver CC 2015 User Manual
Page 71
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.