CSS Zen Garden is a remarkable website started in 2003 to demonstrate the power of designing web pages using Cascading Style Sheets (CSS) rather than relying on frames and tables to define a web page’s structure.

Zen Garden showcases hundreds of design variations, all built around an identical HTML file. Talented designers have created and contributed hundreds of unique style sheets and graphics and control that completely change look of that single page.


This site will be a little confusing (maybe overwhelming) for designers who don’t do much with HTML. But if you are a web designer, this site can be an inspiration to start exploring what is possible when designing with CSS.

Source: This tip inspired by an upcoming class at Seattle’s School of Visual Concepts: Cascading Style Sheets in a Day led by Brent LaMotte, interactive development manager with Horton Lantz & Low.