-
200812 Jun
Posted in Browsers, CSS3 Previews
Opera have released version 9.5 of their browser today, and the good news for our readers (and web users in general) is that there are lots of CSS 3 features implemented. This article on dev.opera.com goes into more detail, but major improvements include:
- @media queries
- text-shadow
- -o-background-size
- opacity
- hsl colours
- overflow-x & overflow-y
- all css selectors
- form pseudo-classes
Download a copy today and take a look at some of the examples on our Preview pages. I’ve just noticed that the background-size example doesn’t work, but that seems to be our implementation at fault, not theirs.
You can skip to the end and leave a response.
-
Comments
-
01.
Exec says:Comment » June 12th, 2008 at 12:00 pm
So, no rgba/hsla after all?
Also, you forgot about the most important addition :not() -
02.
I didn’t mention :not() specifically, but lumped it in with the other selectors. I was quite surprised by the lack of RGBA/HSLA; I’d assumed that with opacity implemented it would be fairly trivial. Obviously not.
-
03.
GreLI says:Comment » June 12th, 2008 at 1:16 pm
Possibly not, opacity applied to whole element, while color to text and other parts. How do rgba colored semitransparent borders must look for example? Fonts may have anti-aliasing including subpixel rendering and how do they must look semitransparent too?
-
04.
Bohdan Ganicky says:Comment » June 12th, 2008 at 3:14 pm
Still no border-radius support. Is it really so hard to implement? Or they just don’t consider this feature useful? I don’t get it.
-
05.
The problem with border-radius is that the spec is not stable. Both Webkit and Gecko implement it, but using different syntax. The W3C is modifying the spec, but it’s not ready yet.
-
06.
Exec says:Comment » June 12th, 2008 at 4:29 pm
Resolutions 2007-11-27 ( http://www.w3.org/blog/CSS/2007/11/29/resolutions_5 )
No official resolutions for 2007-11-27, but the CSS3 Backgrounds and Borders editors did agree to adopt Anne’s border-radius extended shorthand syntax proposal.
The proposal:
http://lists.w3.org/Archives/Public/www-style/2007Nov/0261.htmlResolutions 2007-09 Beijing Part IV: CSS3 Borders ( http://www.w3.org/blog/CSS/2007/09/25/beijing_part_4 )
Resolved: The border-radius shorthand shall take 1–4 values that set each of the four corners to circular radii, as in the -moz-border-radius shorthand. That is,
border-radius: TL TR BR BL;
border-radius: TL BL+TR BR;
border-radius: TL+BR TR+BL;
border-radius: ALL;CSS Backgrounds and Borders Level 3: Issue 4 ( http://csswg.inkedblade.net/spec/css3-background#issue-4 )
Resolution
the border-radius shorthand shall take up to four values that each set both radii for the corresponding corner as in Mozilla’s implementation. The first value applies to the top-left corner, and rest are assigned clockwise. Missing values are filled in as for margin et al. Adopt Anne’s proposal for extended syntax that allows setting elliptical curves.
Status
Closed.Sounds ready enough?
-
07.
HSLA and RGBA are not simple to add to our rendering engine as it sounds. They are supported post Core-2.1 (the engine in Opera 9.5) but didn’t make it in Core-2.1 as the fixes were too risky. By risky I mean there is too high risk of regressions for the time it was added to the engine – remember Opera (and to some extent WebKit) were adding things to pass Acid3 during our release cycle.
As Peter says border-radius wasn’t stable during our planning process. It is stabling off now, and we will most likely add it for the next version of the rendering engine, baring any unexpected changes.
-
08.
[…] Opera 9.5 fue lanzado hoy con varias mejoras en el renderizador de CSS… de ellas la que uso mucho es overflow-x y overflow-y…. ¿existe la palabra renderizador? […]
-
09.
[…] CSS3.info: Opera 9.5 launches with lots of CSS improvements […]
- 10.
-
11.
This release feels quite rushed… As if they wanted Opera 9.5 to be released before Firefox 3 at all costs.
It’s a shame some nasty CSS bugs/regressions haven’t been fixed months after they’ve been reported, like the one you can see on this testcase: http://stifu.free.fr/dl/temp/opera-opacity-bug.html
-
12.
[…] Impressively, the official release of the browser came only two days after the release of the Opera 9.50 Release Candidate build. For interesting facts about the release, you can check out the official announcement or the coverage at Opera Watch. The latter also has some additional coverage on the new skin change. Or, if you’re interested in the improvements made in Opera 9.5 on the CSS front, be sure to look at CSS3 . Info’s synopsis. […]
-
13.
Opera 9.5…
After using Opera 9.5 for a few days, I am quite happy with its performance. While a lot of people were really looking forward to Firefox 3, the Opera team released Opera 9.5 with much less noise and much more improvements.
Opera 9.5 scores 83/100 on t… -
14.
I prefer Opera because there are much more inprovements and i can’t login in websites when i am using FF3. Opera’s new version is very fast and very stable.
-
15.
[…] has support for some of the newer CSS3 features like text-shadow and @media queries. It also has EV SSL support, which makes it a safer browser […]
-
16.
[…] has support for some of the newer CSS3 features like text-shadow and @media queries. It also has EV SSL support, which makes it a safer browser […]
-
17.
Say, you got a nice article.Much thanks again. Really Cool.
-
18.
-
01.
