Business as usual: bringing the world wide web to whole wide world

Post on 09-May-2015

404 views 1 download

description

In mid-February, Opera announced it will transition its products from Presto to WebKit. I talk about what this shift entails, focus on our new browser products and features, and cover what changes for developers and users. A video of my talk at the State of the Browser conference can be found on http://project4.tv/video/451

transcript

business as usual: bringing the world wide web to the whole wide world

hi :-)

@andreasbovensproduct manager extensions & developer relations at opera software

business as usual: bringing the world wide web to the whole wide world

webkit & blink

other products & road aheadopera 14 for android

webkit & blink

webkit & blink

webkit & blink

webkit & blink

http://paulirish.com/2013/webkit-for-developers/

webkit & blink

layout,����������� ������������������  rendering,����������� ������������������  and����������� ������������������  Document����������� ������������������  Object����������� ������������������  Model����������� ������������������  (DOM)����������� ������������������  library����������� ������������������  for����������� ������������������  HTML����������� ������������������  and����������� ������������������  SVG

http://paulirish.com/2013/webkit-for-developers/

webkit & blink

layout,����������� ������������������  rendering,����������� ������������������  and����������� ������������������  Document����������� ������������������  Object����������� ������������������  Model����������� ������������������  (DOM)����������� ������������������  library����������� ������������������  for����������� ������������������  HTML����������� ������������������  and����������� ������������������  SVG

common����������� ������������������  in����������� ������������������  every����������� ������������������  WebKit����������� ������������������  port

http://paulirish.com/2013/webkit-for-developers/

webkit & blink

other����������� ������������������  components����������� ������������������  are����������� ������������������  swappable����������� ������������������  in����������� ������������������  WebKit����������� ������������������  ports

webkit & blink

webkit & blink

JavaScriptCore V8

webkit & blink

CoreGraphics

JavaScriptCore V8

Skia

webkit & blink

CoreGraphics

CoreText

JavaScriptCore V8

Skia

CoreText����������� ������������������  via����������� ������������������  Skia

webkit & blink

CoreGraphics

CoreText

JavaScriptCore

...

V8

Skia

CoreText����������� ������������������  via����������� ������������������  Skia

...

webkit & blink

V8

Skia

CoreText����������� ������������������  via����������� ������������������  Skia

...

webkit & blink

Blink

webkit & blink

Blink V8

webkit & blink

Blink V8

we’re����������� ������������������  doing����������� ������������������  adjustments����������� ������������������  in����������� ������������������  multiple����������� ������������������  layers,����������� ������������������  but����������� ������������������  of����������� ������������������  course,����������� ������������������  we’ll����������� ������������������  stay����������� ������������������  in����������� ������������������  sync����������� ������������������  with����������� ������������������  Chromium

opera 14 for android

opera 14 for android

opera 14 for android

opera 14 for android

2.3 & up!!

opera 14 for android

opera 14 for android

extra:automatic text wrap

opera 14 for android

extra:automatic text wrap

opera 14 for android

extra:automatic text wrap

opera 14 for android

Chromeopera

extra:automatic text wrap

opera 14 for android

extra:feature detection with @supports

opera 14 for android

@supports (display:flex) { section {display:flex} ...}@supports not (display:flex) { /* provide alternative layout with floats */} extra:

feature detection with @supports

opera 14 for android

extra:<input type=color>

opera 14 for android

extra:video & audio

opera 14 for android

extra:webgl enabled

opera 14 for android

extra:off-road mode

opera 14 for android

~ opera mini

extra:off-road mode

Opera Mini Mobile Network Internet Gateway Opera Mini Server Secure Site

1 2 3 4

Opera Mini Mobile Network Internet Gateway Opera Mini Server Secure Site

1 2 3 4

page����������� ������������������  rendering����������� ������������������  happens����������� ������������������  here

Opera Mini usersOpera Mini rendered pages

http://dev.opera.com/articles/view/opera-mini-and-javascript/

opera mini users

Opera Mini usersopera mini rendered pages

stay tuned :-)

thank you!@andreasbovens