February 29, 2012 at 15:36Opera Mobile 12 technical details, radiant demos and fractional percentages
Continuing the story about our new products presented by Opera Software at the Mobile World Congress , it’s worthwhile to talk about the technical details of the releases and not just to tell, but to show how it works. In addition, the developers from the Desktop team yesterday pleased us with the next build of Opera 12.00, which some have been waiting for a very, very long time . But first things first.
The latest release of Opera Mobile has gathered all the best of what the developers of the Presto kernel have been working on lately:
By the release of Opera Mobile 12, Opera’s teammates and developers (read @ODevRel_ru and ODIN ) and I released a preliminary version of the Shiny Demos website , which brought together the most interesting demos demonstrating support for new technologies.
Rock Piano - allows you to play on a virtual piano, the keys of which are entirely performed using CSS3, and the sound works on HTML5 Audio. While Opera Mobile is the only mobile browser that allows you to play several sounds in a row at once - open the demo on your phone or tablet and see for yourself! But if you don’t have anything with Android at hand, you can play on the desktop: WE and TYU for black keys and ASDFGHJ for white. Fence - demonstrates support for the round value for the background-repeat property (note that the number of fence links is always complete) and the full version of the reduced syntax for background images that few people understand so far. Therefore, if you see a white screen, then your browser does not understand what is written here:
Also of interest is the “Danger Area” sign. It is drawn in SVG, inserted directly into the document and resized proportionally, depending on the width of the window. But if for you the sign has slipped somewhere down, then your browser does not perceive SVG as an image and does not try to scale the height along with the width, i.e. proportionally.
The mentioned demos also work on the desktop, but I recommend that you still find the device on Android or download the desktop assembly Opera Next with getUserMedia support and look at the demos that work with the camera: Cracked and Explode - there you can beautifully and safely split the screen, QRY - QR code and Photo Booth decoder - which will take your pictures from the camera.
And this was only a preliminary version of the Shiny Demos site - the full one will be launched in the near future and will include a tag system, definition of browser capabilities and, of course, many new demos. It is also planned to put the project on Github in order to socialize our code and each of you could offer your own demo, or corrections to ours.
You were not mistaken, having read in the heading about fractional percentages. Indeed, starting from yesterday’s build of Opera 12.00 build 1317, we are beginning to better support fractional values and, in particular, fractional percentages - something that everyone has been asking for so long. Download the new assembly and check for yourself on this example: jsfiddle.net/pepelsbey/NEhya
How this demo looks in Opera 11.61 and Opera 12.00.
And since we have managed with fractional percentages, then it's time to come up with the new most important drawback in Opera according to the developers, so that we can deal with it as soon as possible. We are waiting for your versions in the comments.
Opera Mobile 12
The latest release of Opera Mobile has gathered all the best of what the developers of the Presto kernel have been working on lately:
- Android WebGL Support
- Access to the device’s camcorder via getUserMedia. While the output of the stream from the camera can be done only through the element
- The Ragnarök HTML5 engine, which parses code according to the rules of the new HTML specification and, for example, allows you to embed SVG (and other XML-like languages) directly into HTML
- HTML5 Device Orientation Events
- The kernel version rose to 2.10.254. For example, Opera 11.61 on the desktop version of Presto 2.10.229 - i.e. Opera Mobile is ahead of the desktop.
Shiny demos
By the release of Opera Mobile 12, Opera’s teammates and developers (read @ODevRel_ru and ODIN ) and I released a preliminary version of the Shiny Demos website , which brought together the most interesting demos demonstrating support for new technologies.
Some interesting demos
Rock Piano - allows you to play on a virtual piano, the keys of which are entirely performed using CSS3, and the sound works on HTML5 Audio. While Opera Mobile is the only mobile browser that allows you to play several sounds in a row at once - open the demo on your phone or tablet and see for yourself! But if you don’t have anything with Android at hand, you can play on the desktop: WE and TYU for black keys and ASDFGHJ for white. Fence - demonstrates support for the round value for the background-repeat property (note that the number of fence links is always complete) and the full version of the reduced syntax for background images that few people understand so far. Therefore, if you see a white screen, then your browser does not understand what is written here:
body {
background:#93BCC1 url(../images/panorama.jpg) 15% 50% / auto 110% no-repeat;
}Also of interest is the “Danger Area” sign. It is drawn in SVG, inserted directly into the document and resized proportionally, depending on the width of the window. But if for you the sign has slipped somewhere down, then your browser does not perceive SVG as an image and does not try to scale the height along with the width, i.e. proportionally.
And many others
The mentioned demos also work on the desktop, but I recommend that you still find the device on Android or download the desktop assembly Opera Next with getUserMedia support and look at the demos that work with the camera: Cracked and Explode - there you can beautifully and safely split the screen, QRY - QR code and Photo Booth decoder - which will take your pictures from the camera.
And this was only a preliminary version of the Shiny Demos site - the full one will be launched in the near future and will include a tag system, definition of browser capabilities and, of course, many new demos. It is also planned to put the project on Github in order to socialize our code and each of you could offer your own demo, or corrections to ours.
What everyone was waiting for so long
You were not mistaken, having read in the heading about fractional percentages. Indeed, starting from yesterday’s build of Opera 12.00 build 1317, we are beginning to better support fractional values and, in particular, fractional percentages - something that everyone has been asking for so long. Download the new assembly and check for yourself on this example: jsfiddle.net/pepelsbey/NEhya
How this demo looks in Opera 11.61 and Opera 12.00.
Keep working
And since we have managed with fractional percentages, then it's time to come up with the new most important drawback in Opera according to the developers, so that we can deal with it as soon as possible. We are waiting for your versions in the comments.
