My CSS ZEN GARDEN

Here is a link to my CSS Zen Garden. I have decided to change my design as a whole. Though it is not completely elastic I am happy with the final results. My approach is to create a site that is purely black and white design. I wanted a show a few type treatments to create a unique approach. The concept is to show a large cartoon comment box in which the whole site is contained. At the bottom is a rabbit character that I have created to present the site. I really enjoyed getting creatice in making the cartoon comment box in CSS3. The triangle at the bottom was created with a border that is enlarged and colorized to create a triangle. Below is a link to my site.

CSS ZEN Garden by Steve Chen

Reflecting on CSS Zen Garden

What I envision with my CSS Zen Garden page is that it will be be of a large blimp . Within the blimp will hold the content of the page. Like in real life blimps have advertisement messages that scroll from left to right or up and down. My page will have content that will be scrollable from left to right within the large blimp. The idea is to present the zen garden content in a unique way, without loosing the purpose. The page will be easy to navigate and will capture my audience's interest. The colors and design layout that i use will be appealing and effective in presenting my idea.

Portfolio Update

Here is an update to my portfolio website. I have changed the layout all together. The idea was to keep all content on one page. In addition to keep it simple and effective for showcasing my work. I have used anchors to connect each content of the page. In addition, the footer leads back to any content of the page. I have also used visual lightbox to showcase my works. Lastly I have made the site elastic so that it can be viewed within any browser size. Here is a link to my website portfolio

CSS Zen Garden Wire frame

Here is an idea of my wire frame for CSS Zen Garden. The will be a blimp made of css content will be within the blimp.The content will be contained and will side scroll. This will be consistent with what you will see blimp advertisements. If all goes well this will also be animated and will float. This idea was inspired by the CSS Fail Whale.