Mollio - Molly who? A useful site of CSS layout

Here's another useful CSS site for you, this one concerns itself with using the box models for laying out your content without using the dreaded <TABLE>. The kind chap that's provided this for you has also created a useful style-guide in PDF format which tells you the class and id names so that you can more easily incorporate them into your own designs. This is definately one to download, print and keep with your notes for future reference.

There are three licensing models which Ottery releases this work under, the easiest if you don't really understand licenses (which you all should because you studied them last year!) is the creative commons one.

If you do use them, then do at least try and modify them, I don't want to see several assignments all using the same layout and colour schemes!

As always, simply click the title link to visit the site.

Thinking Outside the Grid

Holzschlag has an excellent article on a-list-apart about the whole idea of adopting a grid or tabular approach for the design and content of a website. She draws parallels with real world phenonema of town or city planning (or lack of it) comparing a modern city with a well established one. She goes on to indicate how we can 'break out of the box', or at least fool the user into thinking we have....anyway, read the full article for more information by clicking on the link.

See CSS in action

This site is a fantastic demo of how CSS can so easily transform the look and feel of your website without a time-consuming rebuild. Click on the links to see different versions, then click to see the HTML (text part of the page) separated from the CSS (design and artwork). You can even upload your own CSS file to add to the display!

THERE IS ALSO A BOOK TO GO WITH THE SITE WHICH I'VE HAD A LOOK AT, IT LOOKS VERY GOOD, WITH EXPLANATIONS AND COLOUR PICTURES - ASK BEN HUMPAGE FOR MORE DETAILS - OR PERHAPS YOU CAN COMMENT WITH THE REFERENCE FOR US BEN?

Lynch & Horton: Web Style Guide, 2nd Edition

This link provides the full online text version of the Lynch & Horton web style guide book, I've added it to the reading list as an alternative source if you can't get the copy from the library.

Web development and design with the little people

I found this article for you which I think puts most of the steps of the design and development process into an easily understandable concept. The photos are fun too (I've included the first one here), click on the title link to see the article in full in all its glory.