Re: Column examples

Muchas gracias, Shali! You rock!
~Scott



On Fri, Aug 30, 2013 at 2:06 PM, Shali Nguyen <shalinguyen@gmail.com> wrote:

> Thanks for all the helpful notes! I've actually gone through to do an
> audit of the column examples and have updated them all to follow the
> formatting, cleaning up some examples and moving towards prefix-free with
> the note for each. I've also updated the respective section examples to
> match these as well.
>
> http://code.webplatform.org/gist/5305475 - column-width
> http://code.webplatform.org/gist/5306158 - column-span
> http://code.webplatform.org/gist/6288958 - column-rule-width,
> column-rule-style, column-rule-color
> http://code.webplatform.org/gist/5305647 - column-gap
> http://code.webplatform.org/gist/6393571 - column-fill
> http://code.webplatform.org/gist/6288917 - column-count
>
> -Shali
>
>
> On Mon, Aug 26, 2013 at 11:21 AM, Scott Rowe <scottrowe@google.com> wrote:
>
>> Clearly I had a great weekend and forgot to come to work today. Thanks
>> Carlos!
>>
>>
>> On Mon, Aug 26, 2013 at 11:18 AM, Carlos Araya <carlos.araya@gmail.com>wrote:
>>
>>> I think this came only to me :-)
>>>
>>> Not a problem.  Work and training have kept me quiet in the WPD front.
>>> I'm sorry about that.
>>>
>>> Carlos
>>>
>>>
>>> On Mon, Aug 26, 2013 at 9:56 AM, Scott Rowe <scottrowe@google.com>wrote:
>>>
>>>> Thanks Carlos! As I mentioned earlier in the thread, prefixes are
>>>> extremely unpopular. That said, however, they're going to be around for a
>>>> while, and citing them in examples is not necessarily a problem, as long as
>>>> we do it with the non-prefixed value last, as in the example from the
>>>> editing guide (http://docs.webplatform.org/wiki/WPD:CSS_property_guide
>>>> ):
>>>>
>>>> background-image: -webkit-linear-gradient(top,#aaa,#eee);
>>>> background-image: -moz-linear-gradient(top,#aaa,#eee);
>>>> background-image: -ms-linear-gradient(top,#aaa,#eee);
>>>> background-image: -o-linear-gradient(top,#aaa,#eee);
>>>> background-image: linear-gradient(to bottom,#aaa,#eee);
>>>>
>>>> There are instances where prefixes are just not appropriate, such as
>>>> when the property is long-established (most CSS level 1 properties), and
>>>> using a prefix is just silly.
>>>>
>>>> But I'd like to hear what others think about this. Should we include
>>>> prefixes in our examples?
>>>>
>>>>
>>>>
>>>> On Sun, Aug 25, 2013 at 4:47 PM, Carlos Araya <carlos.araya@gmail.com>wrote:
>>>>
>>>>> 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
>>>>>>
>>>>>
>>>>>
>>>>
>>>
>>
>
>
> --
> Shali Nguyen
> www.shalinguyen.com
> follow me @shalinguyen
> AIM: shalinguyen
>