When creating an accessible and usable web site you need to consider the issues of:
- Accessibility,
- Search engine optimisation, and
- Usability
to name but three.
The full version of this article includes details of some examples of layouts. Some have explanations of the methods uses. Some include other techniques and features.
- Perched upon a lily pad. 3 Column Advanced layout demo.
- Piefecta – superb 3 column layout.
- Delux CSS dropdown and flyout menu.
- The Jello Model.
- Three Column layout with columns that extend to largest content length.
- Progressive layout. This is a beautiful way to lay out a page and the sample is gorgeous in look and feel as well.
- The Man In Blue’s Resolution Dependent Layout is also a very nicely constructed solution to layouts which need to vary depending on screen size.
- CSS-P 3 Box another example layout, with other variations some using scripting, some not. These include P7 Fluid Layers Test and 2 Box No Scripts…
- For those who want to see some more great tricks then check out Creating a Star Rater using CSS… it’s worth it even for the design!
Also Bartelme designs have some good articles dotted around and the design is yummy!
