CSS: Design Out Of The Box. Are you tired of your typical columned and boxed layout? It is time to learn how to break out of the box and do something creative. In this post, I've collected some of the best examples that are designed out of the box. I've also provided some quick CSS tips with demo files on how to break out of the box by creatively using background images and the CSS position property. Example 1: Huge Inc What really captured my attention on the Huge site is the header design. Notice how the design elements are extended out of the box. Additional Screencaps: 2 , 3 Example 2: Jason Santa Maria With the amount of effort and details that Jason input on his site, no doubt it is one of the best designer sites around. Additional Screencaps: 2 , 3 Example 3: A Brief Message Similar to Jason Santa Maria's website, each post on ABriefMessage.com features a different image and CSS stylesheet.
Additional Screencaps: 2 , 3 Example 4: Trent Walton Additional Screencaps: 2 , 3 Example 5: Wonderbra Ultimate Strapless. The Book Cover Archive. Neiman Group. Българска федерация по Кендо / Bulgarian Kendo federation. Cameron Moll ~ I {heart} design. Vivabit A challenging design that employs a fully fluid layout. Bold colors, digestible content presentation, and original styling throughout. Cameron did the design comps, while Vivabit did the markup. Client Vivabit Medium Web Shipped June 2005 Delivery Photoshop templates View Work Authentic Jobs An astutely savvy blend of talent and opportunity. Client Self Medium Web Shipped September 2006 Delivery Design View Work "CSS Mastery" Case Study Site This fictitious website was created as a case study for the book, CSS Mastery. Client Friends of Ed Medium Web Shipped November 2005 Delivery Design + XHTML/CSS View Work Hiram College A team effort between Jon Linczak (coding) and Cameron (design), Hiram's website has continued to receive acclaim as an exemplary model of higher education websites since its launch in 2005.
Client Hiram College Medium Web Shipped April 2005 Delivery Photoshop templates View Work LDS Church Client LDS Church Medium Web Shipped April 2006 Delivery Photoshop templates Joyent.