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

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

2. hi :-)

3. @andreasbovens
product manager extensions & developer relations at opera software

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

5. webkit & blink
other products & road ahead
opera 14 for android

6. webkit & blink

7. webkit & blink

8. webkit & blink

9. webkit & blink

10. http://paulirish.com/2013/webkit-for-developers/
webkit & blink

11. layout,

12. rendering,

13. and

14.
Document

15. Object

16. Model

17.
(DOM)

18. library

19. for

20.
HTML

21. and

22. SVG
http://paulirish.com/2013/webkit-for-developers/
webkit blink

23. layout,

24. rendering,

25. and

26.
Document

27. Object

28. Model

29.
(DOM)

30. library

31. for

32.
HTML

33. and

34. SVG
common

35. in

36. every

37.
WebKit

38. port
http://paulirish.com/2013/webkit-for-developers/
webkit blink

39. other

40. components

41.
are

42. swappable

43. in

44.
WebKit

45. ports
webkit blink

46. webkit blink

47. JavaScriptCore V8
webkit blink

48. CoreGraphics
JavaScriptCore V8
Skia
webkit blink

49. CoreGraphics
CoreText
JavaScriptCore V8
Skia
CoreText

50.
via

51. Skia
webkit blink

52. CoreGraphics
CoreText
JavaScriptCore
...
V8
Skia
CoreText

53.
via

54. Skia
...
webkit blink

55. V8
Skia
CoreText

56.
via

57. Skia
...
webkit blink
Blink

58. webkit blink
Blink V8

59. webkit blink
Blink V8
we’re

60. doing

61.
adjustments

62. in

63.
multiple

64. layers,

65.
but

66. of

67. course,

68.
we’ll

69. stay

70. in

71. sync

72.
with

73. Chromium

74. opera 14 for android

75. opera 14 for android

76. opera 14 for android
2.3
up!!

77. opera 14 for android

78. opera 14 for android
extra:
automatic text wrap

79. opera 14 for android
extra:
automatic text wrap

80. opera 14 for android
extra:
automatic text wrap

81. Chromeopera

82. opera 14 for android
extra:
feature detection
with @supports

83. opera 14 for android
@supports (display:flex) {
section {display:flex}
...
}
@supports not (display:flex) {
/* provide alternative
layout with floats */
}
extra:
feature detection
with @supports

84. opera 14 for android
extra:
input type=color

85. opera 14 for android
extra:
video audio

86. opera 14 for android
extra:
webgl enabled

87. opera 14 for android
extra:
off-road mode

88. opera 14 for android
~ opera mini
extra:
off-road mode

90. Opera Mini Mobile Network Internet Gateway Opera Mini Server Secure Site
1 2 3 4

91. Opera Mini Mobile Network Internet Gateway Opera Mini Server Secure Site
1 2 3 4
page

92. rendering

93. happens

94. here

95. Opera Mini usersOpera Mini rendered pages
http://dev.opera.com/articles/view/opera-mini-and-javascript/

96. opera mini users

97. Opera Mini usersopera mini rendered pages

99. stay tuned :-)

100. thank you!@andreasbovens