beautypg.com

Device preview, Visual media queries – Adobe Dreamweaver CC 2015 User Manual

Page 9

background image

2

What's new

Last updated 6/3/2015

What's changed

Device preview

Visual Media Queries

Linting support

Emmet support

Preview in Code View

New code snippets

Bootstrap integration

New menus in Live view

Support for Tables in Live View

Support for jQuery UI elements in Live View

DOM panel

SVG code hints in HTML documents

Technology previews

Code folding

Extract improvements

Enhancements to Live view editing

Coding toolbar changes

CSS Designer improvements

Testing server - workflow improvements

Changes to Business Catalyst workflow

Other changes

Device preview

Dreamweaver now lets you test your production-ready web pages simultaneously on multiple devices. You can see how
your web page reflows in various form factors and also test interactive features on your pages. All these without having
to install any mobile app or having to physically connect the devices to your desktop! Simply scan the auto generated
QR code with your devices and preview your web pages on the devices.

Live inspect, when triggered on desktop, reflects on all connected devices and helps you inspect various elements and
tweak the design as required.

For detailed information, see

Preview and inspect web pages on multiple devices

.

Visual Media Queries

Visual Media Query bars are a visual representation of the media queries present in a page. These bars help you visualize
your web page at different breakpoints and how different components of your web page reflow in different viewports.
While you view your page in different viewports, you can make design changes that are specific to a viewport without
affecting the page design in other viewports.