Scroll To Top

Enter a query to search our site. Note that you can use "*" and "?" as wildcards. Enclosing more than one word in double quotes ("CSS Layout") will search for the exact phrase.

Buy Now ($80) | View Example Pages | View PDF User Guide | Tutorials

PVII Adaptations...
Responsive Design for Dreamweaver Making Layouts that always fit

Choose from 5 Responsive CSS layouts and create a page based on that layout instantly—optimized for desktop and mobile browsers.

What do we mean by "Responsive"?

Your Adaptation layout will respond to the width of your browser window, adjusting the number, position, and width of columns, as well as the size of text, to ensure that your page always displays in a usable and readable way—in all browsers and on all devices. This is done seamlessly, with CSS, so that one page fits all devices and all screen sizes.

The Adaptations interface

Select a page design and and a Menu Type. Then click the Create Page button and your page is automatically built. Your page will automatically adjust to best fit any type of device as shown in the slide show below...

The Adaptations Interface
The Adaptations Interface

Slide Show powered by Image Gallery Magic 2


Pages automatically adjust for optimal display on smartphones, tablets, and desktop computers.

Pages automatically respond to browser window width—adjusting your layout for optimal usability.

Leverage the power of CSS 3 for curved corners and box shadows without images.

Equal Height Columns—with no background images to edit.

Whether you are a CSS novice or a seasoned pro, CSS Adaptations is a valuable addition to your developer toolkit—instantly providing you with a means to deliver stable responsive designs to your customers and visitors.

Adaptations works on Windows and Mac systems running Dreamweaver MX, MX2004, 8, CS3, CS4, CS5, CS5.5, CS6 or higher.

Key Features

Progressive enhancement

Adaptations employs the concept of progressive enhancement. We start with well-formed code that displays all content in all devices. Then we use CSS 3 for rounded corners, shadows, and to reflow and optimize the layout based on browser width and device type. These effects are deployed in ways that enhance modern browsers and devices while assuring an attractive and accessible presentation in older browers.