Who is this for?

If you’ve been creating sites with CSS for a while you may be getting frustrated with having to recreate and retest basic layouts on a regular basis. In this article I’m trying to illustrate a simple way of skipping the tedious startup on your average project, letting you get to the interesting stuff as quickly and efficiently as possible. I’ve not attempted to explain the layouts included here so it may not be suitable if you’re a CSS beginner. Sorry about that… Feel free to dissect them yourself if you’re interested; I’ve kept them as simple as possible.

How many layouts are there?

Well, loads but the majority of them fall into rough groups. Any framework must account for the most common layouts, otherwise it’ll never get used.

• Vertical navigation with one content column
• Vertical navigation with two columns of content
• Horizontal navigation with one content column
• Horizontal navigation with 2 columns of content
• Horizontal navigation with local navigation and one column of content
• Horizontal navigation with local navigation and 2 columns of content

These 6 cover most of the blogs out there and most of the corporate sites as well. How can we structure a document so that it’ll be useful in all 6 of these scenarios? Read more…

• Top CSS Resources List
• Top CSS Tips
• How to create a good css
• CSS4 SELECTORS
• CSS Rollover Tips
• 100+ CSS Tutorials
• 150+ CSS Samples
• Top 100 CSS Tips
• Top One Line Css Tips
• Clean CSS Tips