SVG in Opera’s desktop, mobile & TV browsers — edition 2011

SVG in Opera’s desktop,mobile & TV browsers— edition 2011 @andreasbovens

Oslo, Norway

Developer Relations team

Bruce Lawson Daniel Davis Divya Manian Chris Mills Karl Dubost Shwetank Dixit Tiffany Brown Andreas Bovens Luz CaballeroPatrick Lauke Zi Bin Cheah Vadim Makeev Mike Taylor

It’s been a busy year!

& Opera Opera Nexthttp://www.opera.com/browser/ http://www.opera.com/browser/next/ http://my.opera.com/desktopteam/

HTML5test.com400 346300200100 & friends 0 10.60 11 11.10 11.50 12

http://caniuse.com/#compare=y&b1=opera+10.6&b2=opera+12

HTML5 parser:- support for new elements- standardized error handling- support for inline SVG

Improved painting performance- painting code on a diet- smarts to optimize for speciﬁc TV use cases, e.g. transforms on <g>s with lots of children

Improved painting performance- painting code on a diet- smarts to optimize for speciﬁc TV use cases, e.g. transforms on <g>s with lots of childrenAlso: special focus onhardware acceleration onTVs, set-top boxes, etc.

Talking about TV use cases...We now supporttext-overﬂow=ellipsison text and textArea elements... See also http://www.w3.org/2011/03/03-svg-minutes.html#item04

Hardware accelerationon desktop for WebGL, 2D canvas,SVG & other painting operations

Opera Mobile for Android phones & tablets http://m.opera.com/

Opera Mobile for Android phones & tablets speed, UI optimizations, standards support http://m.opera.com/

No more checkerboard, fast panning- new way of rendering visible content- some shortcuts for speed optimization http://m.opera.com/

No more checkerboard, fast panning- new way of rendering visible content*- some shortcuts for speed optimization* we don’t make fully use of this for SVG yet though http://m.opera.com/

No more checkerboard, fast panningbilinear interpolation for zoomed images already in the viewport- new way of rendering visible content*- some shortcuts for speed optimization**nearest neighbor interpolation for zoomed images that are pulled in from outside the viewport * we don’t make fully use of this for SVG yet though ** switching between bilinear and nearest-neighbor interpolation http://m.opera.com/

When developing for mobile, look into usingthe viewport meta tag, @viewport to solvezooming and panning issues. it’s CSS, so this can be used inside SVG ﬁles as well! http://m.opera.com/

Optimizing your layout for phones and tablets using viewport and media queries Andreas Bovens - Opera Softwarehttp://goo.gl/j6YwF http://goo.gl/f303y http://m.opera.com/

Opera Dragonﬂy

Opera Dragonﬂy 1.0 and 1.1 releases.Rich feature set for local and evenremote SVG debugging.http://www.opera.com/dragonﬂy/documentation/

Test automationOperaDriver is part of Selenium 2 and usesthe Scope interface (like Opera Dragonﬂy) tocommunicate directly with Opera from Java.http://code.google.com/p/selenium/wiki/OperaDriver

ExampleAutomated game testing using OperaDriverautomating the “Inbox Attack” game.

DetailsLong video: http://goo.gl/2VseMShort video: http://goo.gl/iDNSEGitHub repo: http://goo.gl/yQ7b1

Thanks for listening :-)Any questions? @andreasbovensThanks to ~yc for the wooden background: http://yc.deviantart.com/art/Wood-Rays-62468397

http://lanyrd.com	56
http://blog.gaborit-d.com	3
http://a0.twimg.com	2
http://paper.li	1

SVG in Opera’s desktop, mobile & TV browsers — edition 2011

by Andreas Bovens on Oct 19, 2011

Accessibility

Upload Details

Usage Rights

4 Embeds 62

Statistics

SVG in Opera’s desktop, mobile & TV browsers — edition 2011 Presentation Transcript