W3C home > Mailing lists > Public > public-webplatform@w3.org > August 2013

Need help with 'clip-path' example

From: Rishabh Rao <rishabhsrao@yahoo.com>
Date: Tue, 27 Aug 2013 16:22:53 +0530
Message-ID: <521C8505.2020403@yahoo.com>
To: "public-webplatform@w3.org" <public-webplatform@w3.org>

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!

[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"

[5] http://caniuse.com
[6] http://css3please.com

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

Rishabh Rao

-------- 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" 

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


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 
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

Rishabh Rao

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

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 19:13:52 UTC