Featurette: Intuitive visual editing tools help you generate clean, web-standard code and quickly apply CSS properties like gradients and box shadows. See the effect in your design immediately. No more tedious tweaking. No more switching back to the code. What you see is what you get.

Get an in-depth look at the powerful new CSS Designer tools in Dreamweaver CC. Intuitive visual editing tools help you generate clean, web-standard code and quickly apply CSS properties like gradients and box shadows. You can see the effects on your designs immediately, eliminating tedious tweaking and the need to go back and forth to Code view.

Learn to use the Property Inspector, one of the most important panels in Dreamweaver. It provides context-sensitive access to the most commonly used HTML attributes. From Adobe Dreamweaver CS6: Learn by Video presented by David Powers.

Learn how to use Adobe Creative Cloud to build responsive, interactive web pages. We'll cover creating vector graphics, extracting CSS properties, adding interactivity and animation, using web fonts, and adjusting assets and content for responsive layouts. Dave Hogue, vice president of experience design at Fluid, will outline how to:• Use Adobe Fireworks to create graphics• Define CSS properties that will be turned into an interactive portfolio using Adobe Edge Animate• Combine interactive components and CSS properties in Adobe Dreamweaver, Edge Code, Brackets, and Edge Reflow to create a responsive web page

Learn how to use Adobe Fireworks to create icons and sprite sheets and extract CSS properties. Tools and techniques we'll explore include the Pen tool, composite paths, the Path panel, and CSS Properties.Dave Hogue, vice president of experience design at Fluid, will explain:• How to use vector tools in Fireworks to create icons for websites or mobile apps• How to create a CSS sprite sheet of the icons and design an icon toolbar• How to extract the CSS properties of the toolbar so that it can be built in Adobe Dreamweaver or Adobe Edge Code and Brackets

Photoshop video and animation features let you put video clips, images and graphics in motion. Jeff Sengstack shows you how to use "keyframes" to zoom a clip up and position it over another clip, spin a clip on screen and slide a clip into the scene.

One of the nifty features of the animation and video editing side of Photoshop is that you can apply any Photoshop filter to a video clip, image, or graphic. Jeff Sengstack not only explains how to work with filters in video projects but also shows you techniques he came up with to animate filter properties over time and use filters as video transitions.

Jeff Sengstack demonstrates how to distort 2D text and convert that flat text to extruded 3D shapes. He shows how you can use 3D properties to futher change the shape, color, beveling and other characteristics on a character-by-character basis.

Jeff Sengstack walks you through a basic Photoshop 3D project. He briefly explains the features and properties associated with the 3D aspects of Photoshop including the Properties panel, textures, "bump" maps, adjusting opacity, and controlling the object's position and rotation. He demonstrates the 3D camera and goes over Environment features including "image based lighting," shadows and the "environment map."

Motor Trend uses Adobe Digital Publishing Suite to build a digital publication that not only contains an engaging reading experience, but also links out to other channels using a custom navigation bar. Watch this video to see how Motor Trend uses overlays in DPS – such as video and slideshows -- to educate its readers about the latest cars. In addition, see how publishers can use the custom navigation bar to drive readers to other properties.