Extensible CSS Interface

I have been doing a bit of looking around lately, trying to find some detailed tutorials on Graphic Design.  Simple enough for somone like me who is not naturally artistic.  I did come across a blog by David Airey where he lists what he considers the Top 50 Graphic Design Blogs.  It's gonna take some time to look at all 50 sites.

Following on from my last post about creating a CSS Layout from Scratch.  I did find a rather intersting series of posts titled 'The Highly Extensible CSS Interface'.  This is (quote) a four-part series of how-to’s and savvy conversation (end quote) where the author speaks extensively about markup — XHTML, CSS, and a little scripting.

The Highly Extensible CSS Interface - Introduction
The Highly Extensible CSS Interface I - The Foundation
The Highly Extensible CSS Interface II - CSS Selectors and JQuery
The Highly Extensible CSS Interface III - Adding Ajax Interactivity
The Highly Extensible CSS Interface IV - Testing for Extensibility

With each article links are provided for downloading code discussed in the article and to see a demo of what is presented in the article as in the image below,

 


CSS Layout Tutorial from Scratch

It's now Bank Holiday Monday, you probably won't be surprised to hear I have eaten too many easter eggs and am quite sick of chocolate, until tomorrow. 

After modifying the Greenway CSS template for use as a DNBE theme, I really wanted to be able to create more themes.  But this time from scratch all by myself rather than taking something someone else had created and just modifying it.  I have a knowledge of CSS and have mainly used it for formatting and styles, but hadn't mastered the art of page layout with CSS.  A quick search on Google brought up a lot of results but one particular tutorial caught my attention on Subcide.  They have a step by step tutorial on creating a 3 column layout from scratch, just what I was looking for.  I like the fact that the author explains the Why and Wherefore of his methods.  IE quirks are even taken into consideration.  The finished product uses nothing but XHTML, CSS and a few images. 

The next blog theme or CSS template I create will be done while following this tutorial.  I recommend you read it, especially if you are starting out using web design or using CSS.