We have collected pure CSS -designs, CSS+JavaScript -layouts as well as Flash -designs. In the showcase below we present 40 creative out-of-the-box layouts that break the boring 2- and 3-columned, boxed layouts. Applying Divine Proportion To Your Web Designs.Elastic Layout: What’s The Right One For You? Responsive Web Design: What It Is And How To Use It.You may also be interested in the following articles we published earlier: Below are some examples we have found so far. We also weren’t interested in whether the code validates or not. Design was more important to us than a concrete implementation of some creative idea. To give you some ideas of how exactly it can be done, we have been collecting examples of creative design layouts. However, apart from visual design elements, one can also get creative with the layout of the site - its structure and the way the information is presented and communicated. Used properly, such elements can give a human touch to design and communicate the content in a truly distinctive manner. “Personal” designs appear more familiar and more friendly. That’s not a big surprise as they serve the function that faceless, shiny, glassy 3D-buttons completely fail to deliver: individuality and personality. These designs use realistic motifs from everyday life, such as hand-drawn elements, script fonts, pins, paper clips, organic textures and scrapbooks. Over the last months we have seen a strong trend towards more individual web designs. To provide you with some ideas of how exactly it can be done, we have collected examples of creative design layouts. However, apart from visual design elements one can also get creative with the layout of the site – its structure and the way the information is presented and communicated. These designs often use realistic motifs from our regular life as visuals.

Simple layout design