Emastic is a CSS Framework, it's continuing mission: to explore a strange new world, to seek out new life and new web spaces, to boldly go where no CSS Framework has gone before.

Why should you use emastic?

It's:

• Lightweight (compressed weight less then 4kb)
• Personalized width of the page in (em,px,%)
• Use of fixed and fluid columns in the grid.
• Elastic Layout with "em"s
• Baseline Grid Typography

Plugins:

• percent-grid.css (Plugin)
• absolute-grid.css (Plugin)
• semantic.css (Plugin)
• gadgets.css (Plugin)

How to use emastic? Tutorial

New: Blog post Blog prototyping with Emastic using the Golden Proportion

Demo:

The Grid

• Grid Left or Grid Left(border)
• Grid Right or Grid Right(border)
• Fluid Grid or Fluid Grid(border)

New Demos:

• New in Emastic(beta3)
• Percent Grid
• Absolute position
• Absolute Hi!
• Can we build house with emastic?
• Emastic Table!?

Examples

• Demo1
• Demo2
• Blog Template
• Center Fluid Column
• Business card
• Div inside DIV
• Vertical Spacing

Typography

• Typography ( baseline grid )
• Typography Pulp
• Typography Down
• Typography Fight Club

Templates

• Emastic Templates

Support please come to our http://groups.google.com/group/emastic for the questions, comments or suggestions.

Credits & Useful links

Tested with:

IE 5.5/6/7/8, Firefox 2/3, Opera 9.23/9.5, Safari 3.1 (Win/MAC), Camino 1.61, Chrome 0.21

To do list

Known limits

Note: If you are using plugins they may not work correctly in all browsers