CSS Zen Garden

Last updated
CSS Zen Garden
URL www.csszengarden.com
LaunchedMay 2003

The CSS Zen Garden is a World Wide Web development resource "built to demonstrate what can be accomplished visually through CSS-based design." It launched in May 2003. [1]

Contents

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).

History

CSS Zen Garden brought five designs at launch.

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. [2] Considered "one of the best-known and most inspirational projects to come out of to the web standards movement," [3] the site has succeeded at "raising aesthetic standards on the web and enriching web design." [4] The noted web standards advocate Jeffrey Zeldman observes: "Hundreds of designers have made their mark -- and sometimes their reputations -- by creating Zen Garden layouts, and tens of thousands all over the world have learned to love CSS because of it." [5]

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. [6] 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. [7] There are currently 218 listed designs for the Zen Garden.

See also

Related Research Articles

Web design encompasses many different skills and disciplines in the production and maintenance of websites. The different areas of web design include web graphic design; user interface design ; authoring, including standardised code and proprietary software; user experience design ; and search engine optimization. Often many individuals will work in teams covering different aspects of the design process, although some designers will cover them all. The term "web design" is normally used to describe the design process relating to the front-end design of a website including writing markup. Web design partially overlaps web engineering in the broader scope of web development. Web designers are expected to have an awareness of usability and be up to date with web accessibility guidelines.

A HTML editor is a program used for editing HTML, the markup of a web page. Although the HTML markup in a web page can be controlled with any text editor, specialized HTML editors can offer convenience, added functionality, and organisation. For example, many HTML editors handle not only HTML, but also related technologies such as CSS, XML and JavaScript or ECMAScript. In some cases they also manage communication with remote web servers via FTP and WebDAV, and version control systems such as Subversion or Git. Many word processing, graphic design and page layout programs that are not dedicated to web design, such as Microsoft Word or Quark XPress, also have the ability to function as HTML editors.

<span class="mw-page-title-main">Jeffrey Zeldman</span> American entrepreneur and web designer

Jeffrey Zeldman is an American entrepreneur, web designer, author, podcaster and speaker on web design. He is the co-founder of A List Apart Magazine and the Web Standards Project. He also founded the design studios Happy Cog and studio.zeldman, and co-founded the A Book Apart imprint and the design conference An Event Apart.

Web standards are the formal, non-proprietary standards and other technical specifications that define and describe aspects of the World Wide Web. In recent years, the term has been more frequently associated with the trend of endorsing a set of standardized best practices for building web sites, and a philosophy of web design and development that includes those methods.

<span class="mw-page-title-main">Molly Holzschlag</span> American computer scientist (1963–2023)

Molly E. Holzschlag was an American author, lecturer and advocate of the Open Web. She wrote or co-authored 35 books on web design and open standards, including The Zen of CSS Design: Visual Enlightenment for the Web. She was nicknamed the "Fairy Godmother of the Web".

<span class="mw-page-title-main">W3C Markup Validation Service</span> Validator service by the World Wide Web Consortium

The Markup Validation Service is a validator by the World Wide Web Consortium (W3C) that allows Internet users to check pre-HTML5 HTML and XHTML documents for well-formed markup against a document type definition. Markup validation is an important step towards ensuring the technical quality of web pages. However, it is not a complete measure of web standards conformance. Though W3C validation is important for browser compatibility and site usability, it has not been confirmed what effect it has on search engine optimization.

<span class="mw-page-title-main">Dave Shea (web designer)</span>

Dave Shea is a Canadian web designer and co-author of The Zen of CSS Design: Visual Enlightenment for the Web.

A List Apart is a webzine that explores the design, development, and meaning of web content, with a special focus on web standards and best practices.

<span class="mw-page-title-main">Acid2</span> Online HTML rendering test

Acid2 is a webpage that test web browsers' functionality in displaying aspects of HTML markup, CSS 2.1 styling, PNG images, and data URIs. The test page was released on 13 April 2005 by the Web Standards Project. The Acid2 test page will be displayed correctly in any application that follows the World Wide Web Consortium and Internet Engineering Task Force specifications for these technologies. These specifications are known as web standards because they describe how technologies used on the web are expected to function.

The Web Standards Project (WaSP) was a group of professional web developers dedicated to disseminating and encouraging the use of the web standards recommended by the World Wide Web Consortium, along with other groups and standards bodies.

Tableless web design is a web design method that avoids the use of HTML tables for page layout control purposes. Instead of HTML tables, style sheet languages such as Cascading Style Sheets (CSS) are used to arrange elements and text on a web page.

<span class="mw-page-title-main">Progressive enhancement</span> Web design strategy putting emphasis web content first

Progressive enhancement is a strategy in web design that puts emphasis on web content first, allowing everyone to access the basic content and functionality of a web page, whilst users with additional browser features or faster Internet access receive the enhanced version instead. This strategy speeds up loading and facilitates crawling by web search engines, as text on a page is loaded immediately through the HTML source code rather than having to wait for JavaScript to initiate and load the content subsequently, meaning content ready for consumption "out of the box" is served immediately, and not behind additional layers.

<span class="mw-page-title-main">Elizabeth Castro</span>

Elizabeth Castro, sometimes known as Liz Castro, is an American author and translator best known for her books aimed to educate the reader on particular aspects of website development, such as HTML and Perl. From 1987 to 1993 Castro lived in Barcelona and managed the translation of computer programs. In 1993 she moved back to the United States to write books about using the internet and World Wide Web.

WYMeditor is an open-source WYSIWYM text editor written in the JavaScript programming language for editing content on web pages. It is based on the jQuery JavaScript framework. It differs from other embeddable text editors such as FCKeditor and TinyMCE in that it concentrates on the semantics and meaning of content leaving out visual details. Unlike WYSIWYG editors, it explicitly shows the XHTML structure of content to the user.

CSS image replacement is a Web design technique that uses Cascading Style Sheets to replace text on a Web page with an image containing that text. It is intended to keep the page accessible to users of screen readers, text-only web browsers, or other browsers where support for images or style sheets is either disabled or nonexistent, while allowing the image to differ between styles. Also named Fahrner image replacement for Todd Fahrner, one of the persons originally credited with the idea of image replacement in 2003.

Designing with Web Standards, first published in 2003 with revised editions in 2007 and 2009, is a web development book by Jeffrey Zeldman. The book’s audience is primarily web development professionals who aim to produce design work that complies with web standards. The work is used as a textbook in over 85 colleges.

Peachpit is a publisher of books focused on graphic design, web design, and development. Peachpit's parent company is Pearson Education, which owns additional educational media brands including Addison-Wesley, Prentice Hall, and New Riders.

<span class="mw-page-title-main">CSS</span> Style sheet language

Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language such as HTML or XML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.

<i>The Zen of CSS Design</i> Book by Dave Shea

The Zen of CSS Design: Visual Enlightenment for the Web is a book by web designers Dave Shea and Molly E. Holzschlag, published in 2005.

<span class="mw-page-title-main">CSS box model</span> Model used for styling websites

In web development, the CSS box model refers to how HTML elements are modeled in browser engines and how the dimensions of those HTML elements are derived from CSS properties. It is a fundamental concept for the composition of HTML webpages. The guidelines of the box model are described by web standards World Wide Web Consortium (W3C) specifically the CSS Working Group. For much of the late-1990s and early 2000s there had been non-standard compliant implementations of the box model in mainstream browsers. With the advent of CSS2 in 1998, which introduced the box-sizing property, the problem had mostly been resolved.

References

  1. Shea & Holzschlag, p. 2.
  2. Shea & Holzschlag, p. 13.
  3. Kennedy, p. 95.
  4. Kennedy, p. 105.
  5. Zeldman, p. 137.
  6. Lawson, Bruce. "An interview with Dave Shea, the CSS Zen Gardener". DMXzone.com. Archived from the original on 2007-06-08. Retrieved 2007-06-05.
  7. Shea, Dave. "10 Years". Mezzoblue. Archived from the original on 2013-05-09. Retrieved 2013-05-07.

Bibliography