ZXCSS Layout

0.5 beta released May 14. Comments, corrections, screen-shots welcomed.

0.5 beta

Finished going through the changes listed for 0.5.0 alpha and released as beta.
2011 May 14

0.5.0 alpha

• Make it easy to do the page column: A centred 960 max-width col for example. Or a 960 max-width left aligned.
  Centred column really only used for a page that is centred, but could come in useful for things like centering a figure for impact. .center for centering and .col-960 for a column with a max-width of 960.
• Commented CSS
• Download
• Gap/Gutter documentation
• Been on my mind for some time to add some CSS Column classes too

Changed the class names to be friendlier.
2011 April 29

Started.
2011 April 20

0.4.0 alpha

Worked a bit more on the Demo/Playground page.
2011 February 6

IE6 Expanding Box bug found another way to annoy, but has been squashed with overflow:hidden. Because of this I realised it would be best after-all to create a second IE specific stylesheet. That may seem more messy but CSS-wise it's cleaner.
2011 February 06

0.3.0 alpha

Moved the CSS Generator to go under the version folder
2011 February 6.

Updated the CSS Generator to allow the changing of the Z, X, C and P classes to anything wanted.
2011 February 5.

Changed predefined classes .x-480-max to .x-480px-max so that if other px width classes like .x-480px are ever used they avoid confusion with column numbering like .x-1 however unlikely that may be.
2011 February 5

Added a demo page. Added a section on mobile friendly layouts.
2011 February 5

Split the CSS into three sections: Core, FEHC and Dimensions. Comments removed from the CSS files as they are not needed for the most part.
2011 January 23

X and P Generator renamed to CSS Generator.
2011 January 23

Updated the X and P Classes Generator to create both stylesheets with options. Though am thinking it would be better to seperate out the core and the X and P classes.
2011 January 20

Added x-480-max, x-1140-max and x-1280-max classes. Note that any x-[width]-max classes are also added to the IE stylesheet.
2011 January 19

Changed x-1o1-960 to x-960-max as the class does more than just set a width of 960 px; it sets a max-width of 960 px. Additionally the 1o1 is not needed, but it still a usable convention. For example, but not included in the default ZXCSS: x-480 = {width:480px;} and x-1o2-960 = {width: 480px;}.
2011 January 19

Went back to a column grid of 12. Created X and P Classes Generator so that more classes could be generated on demand.

Expanded column grid from 12 to 24. Though thinking of going back to 12 and providing a different mechanism to extend.
2011 January 13

0.2.0 alpha

Last update 2011 January 8. Started 2010 December 18.

0.1.0 alpha

Last update 2010 December 18. Started 2010 December 4.
Starting over from a previous attempt with a strangely similar name ;)

Research

Last update 2011 February 5. Started February 20.