Chapter . Bonsai Sky

Working around browser limitations with creative imagery and code

<authorgroup>Mike Designer Davidson</authorgroup>
special effects examples from Zen GardenBonsai Sky (Davidson)special effects examples from Zen GardenBonsai SkyBonsai Sky

PUSHING THE ENLIGHTENMENT THEME to new heights, Mike Davidson created a visual Zen garden in the sky to illustrate his Bonsai Sky. Beginning with a photo of rocky, tree-lined cliff faces, he first had to figure out how to balance the text with a dominant photo.

Placing the cliff imagery in the top-right corner and fading it to white allowed Davidson to position the text just to the left, avoiding any potential contrast issues of text overlaying a busy photograph. The generously spaced black ...

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.