The Perfect 3 Column Liquid Layout: No CSS hacks. SEO friendly. Download this layout (25kb zip file).
Percentage dimensions of the holy grail layout All the dimensions are in percentage widths so the layout adjusts to any screen resolution. Vertical dimensions are not set so they stretch to the height of the content. Maximum column content widths To prevent wide content (like long URLs) from destroying the layout (long content can make the page scroll horizontally) the column content divs are set to overflow:hidden. 800 x 600 Left & right columns: 162 pixels Center page: 357 pixels 1024 x 768 Left & right columns: 210 pixels Center page: 459 pixels The nested div structure I've colour coded each div so it's easy to see: The header, colmask and footer divs are 100% wide and stacked vertically one after the other.
No CSS hacks The CSS used for this layout is 100% valid and hack free. SEO friendly 2-1-3 column ordering Full length column background colours In this layout the background colours of each column will always stretch to the length of the longest column. Website Optimisation Measures. 55 Minimal Black and White Web Designs to Inspire You. We’ve already shown you Yellow Web Designs and Blue Web Designs, but sometimes less color is the best color choice for a web site.
In this post, we’re showcasing 55 minimal black and white web designs to inspire you. The B&W combination is great, from photography to interior design. It’s simplistic, elegant, and gets out of the way to let the content shine. Art Directors Club of Europe Blake Allen Design Brian Hoff Brancozero The Grid System Markus Albers. The Best of Twitter 2009: Graphic Design Edition. For those non-weekend readers of The Design Cubicle, Sweet Tweets is my weekend round-up of the best design resources of the week I’ve discovered via Twitter each week.
Since starting Sweet Tweets I have accumulated 28 weeks worth of resources and for this post have hand-selected the best of each week for a Sweet Tweets 2009 Best Of the Best roundup. Without further a due, I give you 28 of the sweetest, most valuable and must read design-related articles of 2009: 10 Mistakes Logo Designers Can Make When Designing Logos (#1) “There are many mistakes we can make when designing logos for our clients or even ourselves. I have compiled a list of 10 common mistakes I’ve seen in mine and others work. This list is merely my view of a Top Ten.” 10 Logo Design Tips From the Field (#2) “I’ve learned from quite a few mistakes during my time as a designer, and to save you from doing likewise, here are 10 logo design tips I picked up.”