1. Every page of your site must be a PHP file, or some kind of server side language file.
  2. You must use Dreamweaver templates to make the design-time stylesheet automatically apply itself to the pages of your site.

This solution is not going to work for everyone because of the two prereqs above; sorry about that. But if you do meet those requirements, then your life just got a LOT easier.

It’s simple:

  1. Open your template.
  2. Switch to code view.
  3. Go to the <head> tag
  4. insert this code:
    <?php if (false) : //design time style sheet hack ?>
    <link href="../css/
    yui-2.4.1-dwcs3-design-time.css" rel="stylesheet" type="text/css">
    <!-- add as many DT stylesheets as you want in this area! -->
    <?php endif; ?>
  5. Save the template (and apply it to all the pages of your site).


The linked stylesheet file is one I use to correct the rendering of a YUI Grids-based layout because natively, Dreamweaver renders it with the main .yui-b block taking only half of the space of the #bd element.

And a note to Adobe:

BUILD THIS FUCKING FEATURE INTO THE GODDAMNED SOFTWARE. (This is the first time I’ve ever sworn on the record on the Web. Sorry for offending non-Adobe employees.)