Update: Emastic Beta3 released!

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

New in Beta3:

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

New in Beta2:

• gadgets.css (Plugin)
• Vertical Spacing
• Improved Typography (baseline grid)

How to use emastic? Tutorial

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!?
• Typography Pulp
• Typography Down
• Typography Fight Club

Examples

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

Typography

• Typography ( baseline grid )

New: 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: This project is under development. If you are using plugins they may not work correctly in all browsers