Jump to content

CSS Zen Garden: Difference between revisions

From Wikipedia, the free encyclopedia
Content deleted Content added
some reorg
Added source reference and bibliography
Line 24: Line 24:
{{CSS}}
{{CSS}}


The '''CSS Zen Garden''' is a [[World Wide Web]] [[Web development|development]] resource.
The '''CSS Zen Garden''' is a [[World Wide Web]] [[Web development|development]] resource "built to demonstrate what can be accomplished visualy through [[Cascading Style Sheets|CSS]]-based design." {{sfn|Shea & Holzschlag|p=2}}


The goal of the site is to showcase what is possible with [[Cascading Style Sheets|CSS]]-based design. Style sheets contributed by [[graphic design]]ers from around the world are used to change the visual presentation of a single [[HTML]] file, producing hundreds of different designs. Aside from reference to an external CSS file, the HTML markup itself never changes. All visual differences are the result of the CSS (and supporting imagery).
Style sheets contributed by [[graphic design]]ers from around the world are used to change the visual presentation of a single [[HTML]] file, producing hundreds of different designs. Aside from reference to an external CSS file, the HTML markup itself never changes. All visual differences are the result of the CSS (and supporting imagery).


When it launched in May 2003, it contained only five designs.
When it launched in May 2003, it contained only five designs.


The website was inspired by a CSS-related contest from [[HotBot]], by web developer Chris Casciano's experiment called "Daily CSS Fun," as well as the [[Web Standards Project]]'s efforts to get CSS adopted more widely by designers.<ref>{{Cite book| publisher = Peachpit Press| isbn = 978-0-321-30347-9| last1 = Shea| first1 = Dave| last2 = Holzschlag| first2 = Molly E.| title = The Zen of CSS Design: Visual Enlightenment for the Web| location = San Francisco| date = 2005| page=13}}</ref>
The website was inspired by a CSS-related contest from [[HotBot]], by web developer Chris Casciano's experiment called "Daily CSS Fun," as well as the [[Web Standards Project]]'s efforts to get CSS adopted more widely by designers. {{sfn|Shea & Holzschlag|p=13}}



CSS Zen Garden has been translated into several languages and inspired similar sites in other languages.
CSS Zen Garden has been translated into several languages and inspired similar sites in other languages.
Line 40: Line 41:
==References==
==References==
{{reflist}}
{{reflist}}

==Bibliography==

*{{Cite book
| last1 = Shea
| first1 = Dave
| last2 = Holzschlag
| first2 = Molly E.
| title = The Zen of CSS Design: Visual Enlightenment for the Web
| location = San Francisco
| publisher = Peachpit Press
| isbn = 978-0-321-30347-9
| date = 2005| ref={{sfnRef|Shea & Holzschlag}}
}}


== External links ==
== External links ==

Revision as of 11:46, 3 April 2019

CSS Zen Garden
URLwww.csszengarden.com

The CSS Zen Garden is a World Wide Web development resource "built to demonstrate what can be accomplished visualy through CSS-based design." [2]

Style sheets contributed by graphic designers from around the world are used to change the visual presentation of a single HTML file, producing hundreds of different designs. Aside from reference to an external CSS file, the HTML markup itself never changes. All visual differences are the result of the CSS (and supporting imagery).

When it launched in May 2003, it contained only five designs.

The website was inspired by a CSS-related contest from HotBot, by web developer Chris Casciano's experiment called "Daily CSS Fun," as well as the Web Standards Project's efforts to get CSS adopted more widely by designers. [3]


CSS Zen Garden has been translated into several languages and inspired similar sites in other languages.

In February 2005, The Zen of CSS Design (Peachpit Press) was published by CSS Zen Garden creator Dave Shea and web designer Molly Holzschlag. The book is based on 36 designs featured at the Zen Garden site.

Active development of the site stopped in April 2008. However, on May 7, 2013, for the site's tenth anniversary, Shea opened up submissions again, focusing on HTML5, CSS3 and current design principles.[4]

References

  1. ^ "Csszengarden.com Site Info". Alexa Internet. Retrieved 2014-04-01.
  2. ^ Shea & Holzschlag, p. 2.
  3. ^ Shea & Holzschlag, p. 13.
  4. ^ Shea, Dave. "10 Years". Mezzoblue. Retrieved 2013-05-07.

Bibliography

  • Shea, Dave; Holzschlag, Molly E. (2005). The Zen of CSS Design: Visual Enlightenment for the Web. San Francisco: Peachpit Press. ISBN 978-0-321-30347-9.