My submission to the CSS Zen Garden

Dave Shea has accepted my submission to the CSS Zen Garden titled Boddhidarma. Dave was very kind with me and worked through iterations of the design until it came out looking decent. What a pleasure it was to work on this and learn some new techniques. The design has a print look to it. I wanted to work with Zen Buddhist Art images, so I started with a Buddhist text and overlayed it with 2 ukiyo-e images of a bamboo plant in sillhouette and one of a bird. That image set the tone for the layout, which is quite simple actually.

The one technique that everyone is using here which I wasn't aware of is Douglas Bowman's unique method for Using Background-Image to Replace Text. I will definitely be using that one for a long time to come now. The area that I had the most difficulty with was the two column set of links in the lower left hand corner. I still don't know if I did it the best way, but it works everywhere perfectly except for Opera. I had to do a little contingency design with my CSS there because there is a possibility of a fourth block showing up in the future and the first block seems to be growing quite long.

Anyway was a wonderful experience that I highly recommend if you want to cut your teeth on CSS using markup that you cannot control. Taking on that challenge alone is worth the effort.

Comments

01 Anonymous
05/23/03 @ 12:54

The Zen Gargen has been a favorite link since I stumbled across it a few weeks ago. I really am enjoying your design. thanks for the present to all of us.

-- vanderwal

02 jibbajabba
05/23/03 @ 15:05

Thanks, Thomas. That's nice of you to say. I was afraid it wouldn't get accepted because of the outstanding design examples up there. I really love CoastalBreeze, Meliorism, Dead or Alive, Wicked Grove and Storm Weather and didn't think my design really compared. I was mainly looking for a learning opportunity here.

Advertisement
03 jolin
08/04/05 @ 16:27

I'm very excited about the project as I just finished a design theme for csszengarden.com
You can have a look at celebrity CSS Zen Garden theme design

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Allowed HTML tags: <a> <b> <strong> <dd> <dl> <dt> <i> <li> <ol> <u> <ul> <code> <blockquote> <fieldset> <legend> <h6> <span> <img> <div> <p>
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.

More information about formatting options