Layout Generators

Generating multi-column and grid layouts with CSS 2.0 techniques using %, px, or em.

The amazing point of web design is you can use different techniques to achieve the same design. In Pagecolumn you can find out different layout patterns, i.e. HTML code to design your multicolumn layouts.

1 column layout generator

• 1 column layout

2 column layout generator

• Nested 2 column layout
• Parallel 2 column layout
• Margin style 2 column
• 2 column fixed liquid layout
• 2 column liquid fixed layout

3 column layout generator

• Nested 3 column layout
• Parallel 3 column layout
• Margin style
• 3 column fixed liquid fixed layout
• 3 column liquid fixed fixed layout

4 column layout generator

• Nested 4 column layout
• Parallel 4 column
• Margin style 4 column

5 column layout generator

• Nested 5 column layout
• Parallel 5 column layout
• Margin style 5 column

Grid layout generator

• grid layout
• jsgrid

Other design tools and tutorials

• Javascript Regular Expression Tester
• CSS Compressor
• Make tabs with CSS
• Top tabs generator
• Rounded corner generator
• Gradient Maker

• CSS triangles
• Javascript Slider
• Javascript tabs
• Bind an event to HTML element
• Drag and Drop
• How to make a news ticker
• Javascript slideshow
• RSS Feed generator
• XML 5 star rating system
• Button Maker
• Image Merger

• Design & Inspiration
• Digital Blog
• Scripts for site clone

Social bookmark

Copy rights 2008 - 2012. All rights reserved.
www.pagecolumn.com