Column examples

Hi there!

I was going through the webplatform.org docs today and became immediately
interested. I've been wanting to find a way to help contribute to the
community and would love to lend a hand!

I plan on hopping in on tomorrow morning's meeting but wanted to try and
get started to see if I could be of help. Upon reviewing "columns" article
from the Aug 14th week, it looks like you guys are missing some examples
and have some that exist that aren't formatted cross browser w/vendor
prefixes.

Here are my suggested improvements on live examples for Multi-column
sections:

*http://docs.webplatform.org/wiki/css/properties/columns
*Currently has no live example.

   - Existing example: None
   - New example: http://code.webplatform.org/gist/6288803

*http://docs.webplatform.org/wiki/css/properties/column-count
*Existing live example doesn't show column-count. I've created a simpler
example for only the column-count property.

   - Existing example: http://code.webplatform.org/gist/5305530
   - New example: http://code.webplatform.org/gist/6288917

*http://docs.webplatform.org/wiki/css/properties/column-rule
*Currently has no live example.

   - Existing example: None
   - New example: http://code.webplatform.org/gist/6288958

*http://docs.webplatform.org/wiki/css/properties/column-rule-color
*Currently has no live example.

   - Existing example: None
   - Propose to use this existing example:
   http://code.webplatform.org/gist/6288958 (same column-rule above)

*http://docs.webplatform.org/wiki/css/properties/column-rule-width
*Uses jsfiddle example instead of codelet.

   - Existing example: http://jsfiddle.net/dstorey/K6X54/
   - Propose to use this existing example:
   http://code.webplatform.org/gist/6288958 (same column-rule above)

*http://docs.webplatform.org/wiki/css/properties/column-rule-style
*Uses an example only visible in firefox.

   - Existing example: http://code.webplatform.org/gist/5305898
   - Propose to use this existing example:
   http://code.webplatform.org/gist/6288958 (same column-rule above)

It looks like *column-fill *and *column-gap* examples are fine unless we
want to make sure vendor prefixes are also included. If that's the case,
here is the updated example (forked from existing example):
http://code.webplatform.org/gist/6289096

-- 
Shali Nguyen
www.shalinguyen.com
follow me @shalinguyen
AIM: shalinguyen

Received on Thursday, 22 August 2013 01:53:14 UTC