CSSZenGarden Deconstruction & Rebuild


Ever wonder what makes a great looking web site?  CSSZenGarden.com is an experiment in good design.  It showcases CSS only design to a basic HTML page.

There is clearly a need for CSS to be taken seriously by graphic artists. The Zen Garden aims to excite, inspire, and encourage participation. To begin, view some of the existing designs in the list. Clicking on any one will load the style sheet into this very page. The code remains the same, the only thing that has changed is the external .css file. Yes, really.


CSS allows complete and total control over the style of a hypertext document. The only way this can be illustrated in a way that gets people excited is by demonstrating what it can truly be, once the reins are placed in the hands of those able to create beauty from structure. To date, most examples of neat tricks and hacks have been demonstrated by structurists and coders. Designers have yet to make their mark. This needs to change.

With this in mind, we can examine both the CSS and HTML documents and see what creative uses of CSS make the CSSZenGarden pages come alive.