HAL-PC Web Technolgies SIG

Mail List | SIG Leader

A Look At CSS Zen Garden

HAL-PC Web Technologies SIG
screenshot css zen garden

CSS Zen Garden

The idea behind the CSS Zen Garden was the brain child of Dave Shea. So many people especially the more artistic type of web designer equate a site designed to W3C standards as being a site that will be inherently "ugly". Dave issued a challenge to see just how create designers really could be and still have a site that complies with web standards.

The Conditions

Each person must use the same xhtml code, no variations allowed. To make it easier the code is liberally sprinkled with div for using with contextual selectors. No graphics are on the page and the uses structural mark-up, aka headers, lists (for navigation areas), paragraphs, etc. There are a couple of extra divs that can be used to place images as backgrounds outside of the structural mark-up tags.

Who is Eligible

Dave has requested that the submissions be limited to graphic artists but most many of the designs that have been submitted have come from CSS experts.

Do you need to be a CSS Expert to participate?

No, while it would help the files are well documented and there are plenty of CSS resources linked off of the Garden's homepage That's where you can download the files both (html and css) .

Our Version

During our SIG meeting we took a look at the html and css files then "played" with it. Due to time contrainst we limited ourselves just ot making each section visible and putting in a background image or two. If you would like to see what little we did it is available for viewing on this site at zengarden

About Us | Site Map | Advanced Search | Privacy Policy | Contact Us | ©1999-2006 HAL-PC Web Technologies SIG Leader Cheryl D. Wise