The January 2011 issue of Practical Web Design featured the website below as an example of shadow effect features in CSS3, particularly the box-shadow and text-shadow features. Although the site has changed a bit since this article, there are some very interesting features. There is no traditional navigation bar. The work samples, about us information, and the contact us information is all on the home page. All of this information is static, except for the work samples. You can scroll down to access the about us and contact information, however, the work samples section is interactive in a very unique way. The work samples section has left and right arrows that scroll a separate window built into the home page. You can scroll left or right for examples of designs, which is only a portion of the entire design. If you like a design, you can click the "Show More" button at the bottom to expand. Although this design is simple and self-contained, there is a lot of scrolling just to access information.

No comments:
Post a Comment