David Storey - CSS3 Selectors support on your phone

CSS3 Selectors support on your phone

Monday, 18. June 2007, 17:04:50

While we wait for CSS3 support in browsers, the new Opera Mini 4, which will be released tomorrow, is taking the mobile web to another level. Since Mini 4 has been upgraded to the Kestrel codepath of Core-2, the same engine found in The Internet Channel for Wii, our standards advancement can also be found in your Java enabled mobile phone. This doesn't require a modern smart phone running Windows Mobile, Symbian or OS X.

As part of these improvements, we've increased our compatibility with CSS3 Selectors. When running the selectors test from CSS3.info on just a regular fashion phone, I get 36 selectors that pass, 0 buggy and 7 that are unsupported, passing 464 out of 578 tests. This is a slight improvement from when I originally reported Kestrel's upgraded support and better than the current release of Opera for desktop. The seven failed selectors are still implemented but disabled. It also beats out popular desktop browsers such as Firefox (32 have passed, 4 are buggy and 7 are unsupported (Passed 369 out of 578 tests) in the latest Minefield build) and Safari 3 (25 have passed, 9 are buggy and 9 are unsupported (Passed 346 out of 578 tests)). This shows how powerful Opera Mini and mobile browsing is becoming. The next step is improving the rest of our CSS3 support.

Remember to check out Opera Mini 4 Beta when it launches tomorrow (the 19^th).

Beginners guide to CSSOpera Mini 4 — The Web to go

Comments

Darken # 18. June 2007, 19:46

Next build of Opera desktop (kestrel //v9.5) will contain this selectors (enable)? >>

text-shadow: Example @ CSS3.info
border-radius: Example @ CSS3.info
box-shadow: Example @ CSS3.info
resize: Example @ CSS3.info

Thanx for the info

FataL # 19. June 2007, 00:11

Darken, text-shadow, border-radius, etc. are not CSS selectors, but CSS properties. So, your question is unrelated to this post...

BTW, I haven't heard anything yet about border-radius and resize support in future Opera versions.

undeuxtroiskid # 19. June 2007, 01:13

I have not heard anything about border-radius either but on the post from Jan 11, 2007 on this blog, David customized the blog's CSS with the border-radius property. To me, that is a strong hint that border-radius support is coming in Opera.

Darken # 19. June 2007, 03:23

FataL, ooops. My mistake.

text-shadow > Support for CSS3, where especially selectors will get a major addition. One of the most noticable is text-shadow support (multiple shadows, maximum blur limitation) to have, well, text with shadows behind them.

Profesjonalna # 23. June 2007, 14:56

Thanks for very interesting post. btw. I really enjoyed reading all of your posts. It’s interesting to read ideas, and observations from someone else’s point of view… makes you think more.

Anonymous # 4. September 2007, 19:14

yellowfour writes:

Opera 9.5 Alpha passes all the tests.
From the 43 selectors 43 have passed, 0 are buggy and 0 are unsupported (Passed 578 out of 578 tests)
Opera Team is doing an excellent job!