ZX CSS Layout

By Dave Smith.

Research

Last update 2010 June 28. Started February 20.

Version History

1.5.3 beta work in progress

Last update 2010 July 4. Started 2010 July 4.

Having a look at rules again.

1.5.1 beta

Last update 2010 June 3. Started 2010 June 28.

The ruleset for a pixel width changed to be a max-width. Attempted to be mobileOK as much as possible to see if any issues would need to be addressed. The pages are now in XHTML Basic for this purpose. Out of interest I tried HTML 5 but the mobileOK Checker wasn't very happy, so I wrote in to the W3C to raise the bug. A very nice guy by the name of Francois answered and formalised the bug report, thanks Francois.

The main page was only about mobileOK 81% but the demo page was getting mobileOK 100% with a couple of warnings and a query:

• Warning: "The CSS style sheet contains rules referencing the position, display or float properties" – don't think I can do anything about this
• Warning: "The resource does not specify UTF-8 as character encoding" – fixable by changing the CSS headers with PHP or otherwise
• Query: "The CSS Style contains at-rules, properties, or values that may not be supported" – not sure I can do anything about this either

I really like max-width Media Queries because applying them for all devices (not just targetting mobile) means desktop users also benefit. If a reader decides that they want to watch a film while reading an article they'll likely resize the browser window. And rather than them scrolling around or finding that particular width the page is set to, the layout can be made to adjust for better reading based on the window size just as it would for mobile.

1.5 beta

Last update 2010 May 21. Started 2010 May 20.

Renamed project to ZX CSS Layout and changed all the class names to correspond. Put x-1o1-960 into an @media rule to make the stylesheet more friendly towards mobile devices; an error/warning was raised in the MobileOK checker.

1.4.17 experiment

Last update 2010 April 16. Started 2010 April 16.

1.4.16 experiment

Last update 2010 April 14. Started 2010 April 13.

1.4.15 experiment

Last update 2010 April 1. Started 2010 April 1.

1.4.14 experiment

Last update 2010 March 28. Started 2010 March 28.

1.4.13 experiment

Last update 2010 March 27. Started 2010 March 25.

1.4.12 experiment

Last update 2010 March 22. Started 2010 March 22.

1.4.11 experiment

Last update 2010 March 22. Started 2010 March 20.

1.4.10 experiment

Last update 2010 March 19. Started 2010 March 19.

1.4.9 experiment

Last update 2010 March 19. Started 2010 March 19.

1.4.8 experiment

Last update 2010 March 19. Started 2010 March 19.

1.4.7 experiment

Last update 2010 March 19. Started 2010 March 19.

1.4.6 experiment

Last update 2010 March 18. Started 2010 March 18.

1.4.5 experiment

Last update 2010 March 18. Started 2010 March 15.

1.4.4 experiment

Last update 2010 March 15. Started 2010 March 10.

1.4.3 experiment

Last update 2010 March 10. Started 2010 March 10.

1.4.2 experiment

Last update 2010 March 10. Started 2010 March 8.

1.4.1 experiment

Last update 2010 March 6. Started 2010 March 6.

1.4.0 experiment

Last update 2010 March 6. Started 2010 March 3.

1.3.1 experiment

Last update 2010 March 3. Started 2010 March 2.

1.3.0 experiment

Last update 2010 March 2. Started 2010 March 24.

1.2.0 experiment

Last update 2010 February 24. Started 2010 February 24.

1.1.0 experiment

Last update 2010 February 24. Started 2010 February 23.

1.0.0 experiment

Last update 2010 February 23. Started 2010 February 20.