Chapter . Elastic Lawn

Visual problem solving sometimes goes further than skin-deep

<authorgroup>Patrick Designer Griffith</authorgroup>
Elastic Lawn (Griffith)special effects examples from Zen GardenElastic LawnElastic Lawn

A SIMPLE DESIGN AGENDA SPARKED Patrick Griffith’s imagination: try a new layout technique, and let it define the graphical elements. It didn’t take Griffith long to discover that this bottom-up approach can result in a chaotic and unstructured design process. Starting with a pencil and sketchpad, he quickly moved straight to CSS as a way of working out most ideas for Elastic Lawn. Images were added as the design came together.

There is no ‘right’ way to build a CSS layout. Some designers ...

Get The Zen of CSS Design: Visual Enlightenment for the Web now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.