Comments on: WebKit Comparison on CSS3

By: Cross-platform mobile application development and payment | Twinapex Blog

Cross-platform mobile application development and payment | Twinapex Blog — Wed, 30 Sep 2009 09:55:41 +0000

[...] iPhone’s Safari already supports client-side storage and CSS3. [...]

By: David Kaneda

David Kaneda — Thu, 03 Sep 2009 09:08:01 +0000

Tomomi,

Dave here from WKB and jQTouch. I’ve been searching for something like this, but a tad more comprehensive, for a while now. I’m not able to find what I’m looking for, so I was wondering if I could possibly “sponsor” your research a bit more — I could, for example, send you some cash via PayPal, in exchange for you appending results to this… We could even present as a joint venture between WKB and GirlieMac — I’ll gladly help design the results I could see it becoming somewhat authoritative, ala http://www.campaignmonitor.com/css/. Would this be something you’d be interested in?

Primarily, I would want to add several devices/systems, like separating iPhone 2.2 vs. iPhone 3.0 (or 3.1 soon enough…), the Pre, and Android’s first release vs. the “cupcake” update. I would also want to add in a variety of tests like transitions, animations, gradients, tap-highlight-color, rgba, reflections, etc. Ideally, we could also add some HTML/Javascript tests, like localStorage, Cache Manifest, transition events, and touch events.

Anyway, you get the idea. Let me know if you’re interested. We could even throw it on a mini-site like “webkitreport.com” — would be a great promo for both of us. Anyway, hope all’s well, email me

By: admin

admin — Thu, 04 Jun 2009 00:54:07 +0000

Hi Luis! I think you’re right. So far, it looks like neither gradient or reflect (also many more css3 fun stuff) seem to be supported by mobile Safari. Nothing I wrote had worked on my iPhone.
I am hoping the next gen will!

By: Luis

Luis — Wed, 03 Jun 2009 18:29:18 +0000

Hi! I’m adapting mobile web contents specifically for iphone so i was trying out some of these fun stuff. But I think that iphone’s safari does not support both webkit’s reflect and gradient effects. Do you know if this is true? I tested the gradient with this link:
http://www.martinilab.com/blog/wp-content/uploads/2009/05/album.html
I tested the reflect effect some time ago… Can you share your expertise?
Thanks in advance!
Luis

By: Rahul

Rahul — Thu, 29 Jan 2009 12:55:55 +0000

Hmmm…thanks for the response..

Thats rather strange considering webkit CSS transforms have been around longer…

Also, I have noticed in some gadgets that the buttons and links work where they should have been if scaling wasn’t done…so i would say thats definitely a bug…

By: admin

admin — Wed, 28 Jan 2009 23:26:22 +0000

Hi Rahul.
It is actually a timely topic since Firefox has released Firefox 3.1 (Shiretoko) that supports a bunch of css3 properties!

I tested the code with:
1) an image
2) iframe
3) script src (embedded Google Gadget)

On Firefox 3.1b on Mac, all works beautifully.

On WebKit and Safari, I found (2) and (3) transform as expected (scale to 1.5x), however, both fails to load the content on WebKit Nightly, and (2) failed to load and (3) content is loaded partially on Safari 4.

So I’d say, it is a limitation/bug on Safari?

By: Rahul

Rahul — Wed, 28 Jan 2009 10:34:39 +0000

Hey,
I have been working with webkit transform and moz tranform recently…Sorry for bothering but i dunno where else to ask it..

I have been tryin to scale up a google gadget before displaying it on my page. It works fine in Firefox but the buttons on the gadget dont seem to work in Safari..can you please help…(this has been the case with all gadgets i have tried so far)

code:

.gadgetdiv{
-webkit-transform-origin:top left;
-webkit-transform:scale(1.5);
-moz-transform-origin:top left;
-moz-transform:scale(1.5);”
}