The Power of CSS

Since wordpress layout is based on css, I wanted to do something similar to the CSS Zen Garden. I hope to create a new designs every now and then… None of the code in the theme file is changed when switching between designs (although I did modify the code from the original WP install). I was going to write my own feature to handle allowing visitors to switch the theme for themselves. Instead, I used a plug-in to provide this feature… There are so many plugins for wordpress, which is one of the strengths of the platform. So why reinvent the wheel, well except when you don’t like the options that exist. I added a facebook like plugin and really do not care for how it is working so I may bake my own shortly here. Besides the CSSzengarden, there are hundreds of designs/themes for wordpress, so the challenge is for me, to try and do something fresh (or personal, which should be fresh).

Japan 1
This is the default that loads when you first visit the site. It features a rotating head image using jQuery. The photos and image are all taken by me in my travels.

This is a plain layout stripped of most images. Great starting point for new designs as well as for anyone visiting on a slow connection.

These are old designs that have been retired due to the upgrades. I may bring them back sometime when I can convert and test them fully;

This was the old default. It uses a picture I took of Mt Fuji covered with snow for the banner.

This one uses a Macromedia Fireworks pattern with a shot of the Pacific ocean. I took the picture of the Pacific from the hotel in Ito city Japan. Sorry you can’t see much more, the full image has a little island that is offshore about 1500 meters.

Ok, so it took a couple weeks to get this one up… having a couple of kids, a full time job and going to grad school takes some time. Well this one is not finished, but I wanted to get something out. It is kind of inspired by early 20th century typography… but it doesn’t do justice to what I was thinking of… Jan Tschichold, El Lissitzky… et al.

Splotch or blocks, something bright and colorful. This was created using some filters in Fireworks. I wanted to create something that looked a little like water color painted blocks.

Used a photo taken from inside the Denny’s in the city of Ito, Japan for the head (taken in 2003). The concept basically was to have the water fade into the page content.

Comments are closed.