Our very own Bruce Lawson and Zi Bin Cheah give a light-hearted, yet accurate overview of HTML5 and what it means for consumers and developers in the latest installment of Opera Tech Break. Enjoy!
Posts tagged with "HTML5"
Fate (and RyanAir) took me once again to the super country of Poland, where I was honoured to keynote day 2 of the inaugural Frontrow Conference.
Here's a video of the talk:
Here are my slides:
Here's the demo of Hixe's HTML5 keyboard (video not working in IE9 for mysterious reasons).
- Introduction to HTML5 video by Moi and Patrick Lauke
- Video for Everybody - Kroc Camen frankensteins in olde-worlde Flash embed code as fallback for HTML5 video
- Video API spec
Spec for the
<track>element for subtitles/ captioning etc
- WebVTT format explained by Ian Devlin
Playr - lightweight polyfill script that fakes
<track>support in browsers that don't have native support (eg, all of them)
- leanback player - a player that polyfills <track> support and has excellent keyboard support.
- MediaElement.js - jQuery-based polyfill that fakes track support and degrades to custom Flash and Silverlight players that mimic the HTML5 MediaElement API for older browsers
- Synchronising multiple media elements - nascent specification: highly liable to change!
getUserMediawith bonus link to the Magic HTML5 Moustache demo
- Playing with HTML5 video and getUserMedia support - tutorial article
Thanks to the organisers and attendees for the invitation and their attention. And to the Park Inn hotel for the first good hotal sauna in months.
- Lightweight Themes: Opera 12.00 introduces lightweight themes. We introduced our Featherweight interface with Opera 11.50, and with Opera 12.00 we have introduced a simplified theme development mechanism. Read Chris Mills' dev.opera article about developing lightweight themes for more.
- HTML5 Parser: Opera 12.00 is our first official release to ship with Ragnarök, our HTML5 parser. The HTML5 specification details specific rules for handling markup, particularly malformed markup. These rules help impose a consistent DOM across browsers. Ragnarök means that improperly closed tags (such as
<a href="#" />), and mis-nested tags will no longer break pages or the DOM.
- Radial Gradients: Yep, another huge addition to Opera. We now have full support for CSS3 radial gradients, including explicit shape settings and multiple keywords. Millsy again has you covered with another dev.opera article — about CSS3 radial gradients.
- WebGL: Before WebGL, 3D in the browser required a plug-in to produce any kind of reasonable experience, which was further stunted by lack of processing power. But browsers — including Opera — have now caught up. With our WebGL-enabled build, which draws directly upon the power of your graphics card, you can now create powerful 3D rendering, directly inside the browser! Learn more about WebGL at dev.opera with our newest Dev Rel team member, Luz Caballero.
- Hardware Acceleration: As hinted above, Opera 12.00 also includes hardware acceleration, which serves to save 3D graphics from a slow death. And as a bonus, 2D
<canvas>rendering and animations also get a performance boost.
- Full ES5.1 Support: We've also implemented support for the ECMAScript 5.1 specification. In addition to it, we also now have native implementation of ECMAScript typed arrays. We have previously blogged about it on the Opera Desktop Team Blog and on the ODIN Blog as well, which you can read to find out more information on it.
Previously-mentioned improvements featured in Opera 12.00 alpha include support for rem units and a fix for a
KNOWN ISSUE: You may find that (repeating) radial gradients render oddly, or not at all in this build. We have discovered a bug whereby our hardware acceleration clashes with radial gradients. We are aiming to get it fixed by the next release.