CSS Systems Analysis
Update
This site has undergone a redesign since this page was written. The pleasing upshot is that my framework CSS has been retained. This article on my blog covers the maintained CSS structure in more detail
Complete CSS structural build
This site involved creating a set of template layouts for a large set of sites for an international company with many diverse business units.
The templates needed to allow for differing business unit identities as well as differing product sets. They also needed to allow for in-page modules to fit in a variety of settings within many templates.
My solution was to create a CSS systems analysis from discussions with the client, the CMS provider and the functional and design specifications.
The analysis made creating modular CSS simpler: layouts with similar HTML templates could have their:
- colouring,
- layout
- and identities
changed by a single identifier at the beginning of the page code.
For further details of this and other large-scale site CSS development techniques, see my article on CSS systems analysis.
The Right Font
This site also included sIFR which allowed for anti-aliased versions of custom fonts to be displayed on javascript and flash enabled browsers. Such is the power of sIFR, that users without javacript, or flash will see the page in its original form.
