Index
March 29th, 2006
Well, the design is done. It is more about movement of content and navigation than actually a beautiful design. It is my proof-of-concept for a liquid design with multiple layouts and maneuverability. The css could be modified even further to allow for 4 columns or more, but I will leave that to you. The main idea is to learn from how the css is being used to manipulate the design structure. Thanks!
March 26th, 2006
As I assumed, this will not be done in time to get it in for the contest. I have, however, found an awesome way to do multi-column layouts in CSS. PLEASE check out the CSS and alternate layout pages. This is a VERY important progression in my knowledge of CSS and many people can learn from this lesson.
Also, the trick on the tabs is something I had been thinking about for a while, having a tab flip up for the current section is pretty cool and effective. Decided to make the entire thing fluid. Hope it comes accross as nicely as it can.
March 24th, 2006
I wanted to make a design for the city life contest at http://www.openwebdesign.org/, however I don't think I will have enough time to make the page as dynamic as I want it and have it done on time.
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras vulputate, eros nec condimentum venenatis, dui orci dignissim tortor, vitae luctus arcu tortor et nisl. Aenean libero. Ut egestas mauris ut nisi viverra sagittis. Nullam eu dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam vitae odio. Sed rutrum rhoncus nulla. Nulla dapibus mollis mi. Etiam condimentum feugiat velit. Nulla sed mauris. Mauris dictum commodo purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis tellus est, hendrerit ac, condimentum at, facilisis sit amet, neque. Pellentesque dapibus augue vitae lorem. Phasellus volutpat sollicitudin turpis. Curabitur ornare, sapien eu pellentesque placerat, sapien augue consectetuer lectus, quis mattis elit justo non est. Quisque dapibus. Cras accumsan dolor.
More Lorem
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus arcu. Pellentesque urna. Pellentesque justo. Nulla malesuada sapien. Aliquam at odio. Sed metus velit, convallis at, volutpat a, eleifend a, arcu. Etiam elit sapien, pretium et, ullamcorper eu, commodo quis, libero. Praesent sollicitudin. Vivamus laoreet. Sed convallis elit eget sapien. Curabitur.
More Lorem
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus arcu. Pellentesque urna. Pellentesque justo. Nulla malesuada sapien. Aliquam at odio. Sed metus velit, convallis at, volutpat a, eleifend a, arcu. Etiam elit sapien, pretium et, ullamcorper eu, commodo quis, libero. Praesent sollicitudin. Vivamus laoreet. Sed convallis elit eget sapien. Curabitur.
More Lorem
Sed metus velit, convallis at, volutpat a, eleifend a, arcu. Etiam elit sapien, pretium et, ullamcorper eu, commodo quis, libero. Praesent sollicitudin. Vivamus laoreet. Sed convallis elit eget sapien. Curabitur.