Re: Column examples

Just my two cents.

If we're documenting the standard we shouldn't give examples that don't use
what the standard states.

I understand the need to make people aware of what the vendors do with
prefixes but would much rather encourage people to work with libraries like
Prefixfree that will make coding to a standard much easier for everyone
involved.

When I created the examples for columns during the San Francisco sprint
earlier this year I also raised the issue of using Prefixfree rather than
code multiple versions of the same code and then have to track when a
vendor has started supporting the unprefixed version and whether the
vendor-specific version was still supported.

Carlos


On Tue, Aug 20, 2013 at 5:38 PM, Shali Nguyen <shalinguyen@gmail.com> wrote:

> 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<http://code.webplatform..org/gist/6289096>
>
> --
> Shali Nguyen
> www.shalinguyen.com
> follow me @shalinguyen
> AIM: shalinguyen
>