December 15, 2003
Design for the CSS ZenGarden
In an earlier post on this site i mentioned the CSSZenGarden as a good resource and example for css-based web design. It was this showcase of the many possibilities of CSS for styling and formatting web pages, while adhering to web standards and accessibility guidelines that caused me to redesign my own website using XHTML and CSS.
But the idea of contributing to this design collection myself has been there ever since. Now this has come true and i am happy to be part of the garden with a design called New groove.
It has been an interesting project and i started with a rough concept of the design in my head. I wanted to do something that had to do with music, so i came up with the idea of a lounge. I do like that kind of music, that might have to do with it. Furthermore i just started to dabble a little more with vector art and this was going to be the style i wanted to use. The art was done first for the bigger part and then assembled as a design.
The CSS relies on well supported elements without too much experiments. I was able to avoid any hacks, that means the CSS is really cross-browser compatible and is not using any special tweaks for some browser. Of course this is not always possible nor absolutely necessary, but it is a good thing not to need hacks which are sometimes causing problems as well.
I hope this design will be of some interest and help for those who want to explore the possibilities of CSS. Feel free to drop me a line if you have a question or leave a comment here.

very veeeerrry good csszengarden submission.
Posted by: DiDoKa at December 16, 2003 10:00 PMNice work.
You achieved a Zen Garden quality without the typical photorealistic or intricately pattered style. I did not think I was still at the Zen Garden when I came back and viewed it after it loaded.
Posted by: Daniel Von Fange at December 18, 2003 01:51 AMGreat design. There's something similar going on now at my blog: create a CSS for a dynamic Google search result.
Hope you join!
Posted by: Philipp Lenssen at December 23, 2003 09:44 AMThe URL got cut, next try:
http://blog.outer-court.com/archive/2003_12_22_index.html#107212081560184833
Posted by: Philipp Lenssen at December 23, 2003 09:45 AM