Need help with 'clip-path' example

Hi,

I have created examples [1e][2e] for the `clip` [1p] and `clip-path` 
[2p] properties. I have also updated the status on the WebPlatform 
Wednesday table [wpw] and unassigned myself from the `clip-rule` 
examples task as I will not be able to work on it.

In the clip-path example [2e], the property, `clip-path`, did not work 
for my browser: Google Chrome 28 on openSUSE 12.2 [3ua]. But adding a 
vendor prefix, `-webkit-clip-path`, works on my browser. As of now, I 
have commented out the vendor prefix line in the live example [2e]. The 
"Prefix-free" option is checked in the Settings drop-down of the 
code.webplatform.org/Dabblet editor.

The browser support section of Mozilla docs for `clip-path` [4] says, 
"Compatibility unknown." The property, `clip-path`, is not listed on 
CanIUse.com [5]. No luck at CSS3Please.com [6] either. The tutorial at 
html5rocks.com helped [7].

I request you to please guide me on how to proceed. Should I go ahead 
and use the vendor prefix in the live example [2e] (not recommended)? 
How do I make the example [2e] work across all the major browsers?

Thank you!

Refs.:
[wpw] http://docs.webplatform.org/wiki/Meta:web_platform_wednesday
[1p] http://docs.webplatform.org/wiki/css/properties/clip
[1e] http://code.webplatform.org/gist/6338197

[2p] http://docs.webplatform.org/wiki/css/properties/clip-path
[2e] http://code.webplatform.org/gist/6338479

[3ua] User agent: "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 
(KHTML, like Gecko) Chrome/28.0.1500.95 Safari/537.36"

[4] 
https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path#Browser_Compatibility
[5] http://caniuse.com
[6] http://css3please.com

[7] http://html5rocks.com/en/tutorials/masking/adobe

Regards,
Rishabh Rao
@rishabhsrao

-------- Original Message --------
Subject: 	Re: Help contribute or coordinate this week?
Date: 	Fri, 23 Aug 2013 09:03:40 -0700
From: 	Julee <julee@adobe.com>
To: 	Rishabh Rao <rishabhsrao@yahoo.com>, "public-webplatform@w3.org" 
<public-webplatform@w3.org>



Thanks much, Rishabh! I've added you to the list. J


----------------------------
julee@adobe.com
@adobejulee

From: Rishabh Rao <rishabhsrao@yahoo.com <mailto:rishabhsrao@yahoo.com>>
Date: Friday, August 23, 2013 2:07 AM
To: WebPlatform Public List <public-webplatform@w3.org 
<mailto:public-webplatform@w3.org>>
Subject: Re: Help contribute or coordinate this week?

Hi Julee,

I would like to contribute examples for the clip properties: clip [1], 
clip-path [2] and clip-rule [3]. Please sign me up for them [4]. Thank you!

[1] http://docs.webplatform.org/wiki/css/properties/clip
[2] http://docs.webplatform.org/wiki/css/properties/clip-path
[3] (page does not exist)
[4] http://docs.webplatform.org/wiki/Meta:web_platform_wednesday

Regards,
Rishabh Rao
@rishabhsrao

On 08/23/2013 05:46 AM, Julee wrote:
> Thanks much, Shali! I'll sign you up for contributing to these! J
>
>
> ----------------------------
> julee@adobe.com
> @adobejulee
>
> From: Shali Nguyen <shalinguyen@gmail.com <mailto:shalinguyen@gmail.com>>
> Date: Thursday, August 22, 2013 5:15 PM
> To: julee <jburdeki@adobe.com <mailto:jburdeki@adobe.com>>
> Cc: WebPlatform Public List <public-webplatform@w3.org 
> <mailto:public-webplatform@w3.org>>
> Subject: Re: Help contribute or coordinate this week?
>
> Hi Julee!
>
> Please sign me up for: z-index, word-break and visibility. Happy to 
> coordinate and work on improving existing content there (examples, 
> explanatory text, etc). Will work on all these tomorrow.
>
> -Shali
>
>
> On Thu, Aug 22, 2013 at 5:09 PM, Julee Burdekin <jburdeki@adobe.com 
> <mailto:jburdeki@adobe.com>> wrote:
>
>     Hi, all:
>
>     We have a mashup of properties this week,[1] so if you're
>     interested in do a little bit of this and a little bit of that, a
>     little bit will go a long way. ;-)
>
>     Please reply & let us know if you can contribute or coordinate
>     this week.
>
>     Thanks much!
>
>     Julee
>     ----------------------------
>     julee@adobe.com <mailto:julee@adobe.com>
>     @adobejulee
>
>
>
>
> -- 
> Shali Nguyen
> www.shalinguyen.com <http://www.shalinguyen.com>
> follow me @shalinguyen
> AIM: shalinguyen

Received on Tuesday, 27 August 2013 10:53:24 UTC