The CSS3 Advanced Layout Module browser plugin

Documentation

By now the best documentation about how to use ALMcss is the Advanced Layout Module itself.

Please, keep in mind that ALMcss is only a prototype, and it has a few known bugs. But I think that even so, it works well enough as to let you begin to play with the Advanced Layout Module.

Syntax differences

Due to problems with the CSS parsers of some browsers, ALMcss uses a slightly different syntax than specified in the proposal. These minor changes are described below so that you can play with the prototype and try your own layouts:

• The display-model property must be used instead of display.
• The value for the display-model property consists of one string with each row separated by commas, instead of several strings. For example:

  
  display-model: ".ab (280px),
                  deb (195px),
                  dcc" (205px)"
                  (125px intrinsic 175px);        
              

• The position property has been replaced by situated; e.g.: #header { situated: a; }

When you download the plugin you will also find in the compressed file a few examples of layouts which you can use to learn the syntax