Guides and layout
Properly align and remove any unnecessary guides in the document. Keep
guides to a minimum and only section off the major regions of the layout
by outlining blocks of page content such as the masthead, content area,
sidebar and footer so that the developer understands what basic structure
the page should follow. Keeping the number of guides to a minimum also
allows the developer to then add guides where needed to aid them in
visually mapping out layout details in the code such as nested divs and
navigation menus.
Include a color palette
Create a layer group with its visibility turned off at the top of the Layers
panel named “Palette.” Populate this group with layers using Layer > New
Fill Layer > Solid Color... which are named to correspond to elements that
will be colored using CSS. This allows developers to simply Double+click
the layer thumbnail to get the color values they need from the Color Picker
while coding.