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?