Process Page

Oh what a process it was to finish my css Zen Garden Page.  I originally wanted it to look like an old Atari 2600 box such as this:

but it just wasn't feasible/readable/visually pleasing so I went a different route.  I still went with an old Atari theme, but used a Space Invaders sprite I found and designed a banner to go with it.

I used a bunch off css3 tricks such as drop shadow and text shadows so I couldn't submit it to csszengarden, but it looks cool.

The biggest challenge was not messing with the html code and making new divs to make positioning and formating easier. Many headaches were caused by trying to get it to look presentable on all browsers, but such is the nature of web design... The biggest lesson I've taken away from this experience is not to wait until the weekend before a project is due to troubleshoot it.

css Zen Garden Wire frame

For our final assignment we must redesign css Zen Garden using only css2 (no css3, bummer). I plan on modeling my redesign after the cover art for old atari games. At this stage I have wireframed out each section of the page in different colors to know what I'm working with. Here's a screen shot of the wireframe.