Buy Now ($80) | View Example Pages | View PDF User Guide | Tutorials
Choose from 5 Responsive CSS layouts and create a page based on that layout instantly—optimized for desktop and mobile browsers.
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.
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...
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.
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.