S2 Cookbook: Converting a CSS design to a layout

From Dreamwidth Notes
Revision as of 04:59, 8 August 2010 by Foxfirefey (Talk | contribs)

Jump to: navigation, search

The basic steps to converting a CSS design to a layout are:

  1. Identify what parts of the CSS can be turned into properties. For instance, colors should always be properties, instead of being "hardcoded" into the CSS.
    1. The core2 layer has a lot of built in properties that can be used.
    2. Or, new properties can be defined.
  2. Write a Page::print_default_stylesheet function that prints out CSS using the defined properties.
  3. Expose the used properties to the customization wizard
  4. Expand your design to include popular preferences, if possible, such as: icons on the left or right side; different column layouts; metadata on the top or bottom of the entry; icon or text action links
  5. Set other necessary housekeeping properties, such as modules