Planting the Seed
www.webstandards.org/buzz/archive/2004_10l#a000463).
Influences
In an article written in 2002, Web Standards Project cofounder Jeffrey Zeldman implored those who understood the benefits of designing with Web standards to quit spending their time selling others on the benefits, and instead to just start using them. This was the best way to demonstrate the advantages, and "Show, don't sell" became the mantra of the project. Zeldman went on to write the definitive guide on the subject, Designing with Web Standards (New Riders, 2003).NoteYou can find Zeldman's original article at The Daily Report (www.zeldman.com/daily/0802cl#Evangeline).A project called Daily CSS Fun was created by Web developer Chris Casciano in 2002 (FIGURE 2). The idea was that over the course of a month, Casciano would release a new style sheet every day that would modify the underlying HTML in wildly different ways. He made no claim of being a graphic designer, but the results were compelling for their unique insight into what was possible by relying on CSS alone for layout purposes.
Figure 2. Example style sheets from Daily CSS Fun.
[View full size image]

Early Thinking
The ideas for the Zen Garden coalesced, and in May 2003 Shea launched the result on his personal site, www.mezzoblue.com, and then quickly moved it to the domain where it now lives, www.csszengarden.com.In late 2002, Shea had already begun creating preliminary prototypes for the Zen Garden that switched between four style sheets, each themed for one of the four ancient elementswood, water, fire, and wind. The idea hadn't been fully developed at the time, and images weren't a large part of the equation. As pictured in FIGURES 36, the first Zen Garden drafts were far from inspiring.
Figure 3. Pre-Zen Garden prototype, Earth.
[View full size image]

Figure 4. Pre-Zen Garden prototype, Fire.
[View full size image]

Figure 5. Pre-Zen Garden prototype, Wind.
[View full size image]

Figure 6. Pre-Zen Garden prototype, Water.
Chapter 4.In April 2003, planning for the Zen Garden began in earnest. A single HTML file was built that would serve as a master, and five initial designs were created to launch with the site (FIGURES 711).
Figure 7. #001, Tranquille.
[View full size image]

Figure 8. #002, Salmon Cream Cheese.
[View full size image]

Figure 9. #003, Stormweather.
[View full size image]

Figure 10. #004, arch4.20.
[View full size image]

Figure 11. #005, Blood Lust.
[View full size image]
