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.

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?

HTML Version 5

I've unashamedly cut and paste this from the Hotscripts newsletter I subscribe to, thought it might be of interest. Adds more weight to the necessity to forget deprecated tags and get with CSS:

The W3C HTML Working Group has released the HTML 5 working draft last week. Many new features have been introduced in this newer version of HTML aimed at helping designers and developers build better web applications. Several new elements have been introduced for layout like <navigation>, <header>, and <footer> and various attributes have been depreciated in favor of CSS. Some old features, like frames, have also been removed.

You can find a list of difference between the current version of HTML and that of HTML 5 in this article. While it will take some time for browsers to fully support these new features, the future of HTML 5 is a very big step forward toward improving interoperability.