Andreas Bovens
Group Leader Developer Relations
Andreas Bovens
Group Leader Developer Relations
Opera Widgets
for Desktop
& Opera Dragonfly
video placeholder
                    see video on URL below




http://tr.im/roundandround
http://tr.im/roundandround
A bit of history...
Widgets in Opera 9.0
http://img89.imageshack.us/i/opera24vz.png/
tied to the browser
Widgets spec
Inside the package:
Inside the package:
  Web Standards!
Inside the package:
HTML, CSS, JS, SVG ...
On mobile, devices
On mobile, devices
On mobile, devices
On mobile, devices
On mobile, devices
On mobile, devices
On mobile, devices
In Opera 10.2 alpha ...
we’ve moved widgets
outside of the browser
... making them more
like real desktop apps.
Demo time :-)
Twitter: http://widgets.opera.com/widget/14501/
Google Translate: http://widgets.opera.com/widget/14511/
and more...
Standalone,
 standards-based,
cross-platform apps
Let’s have a closer look
File I/O API
File I/O API
File I/O API
ShowNotification()
File I/O API
ShowNotification()
Widget/application mode
Widget/application mode
<?xml version='1.0' encoding='UTF-8'?>
<widget defaultmode="application">
  <widgetname>Sample wid...
ools
Opera Dragonfly
Debug JavaScript and inspect CSS, the DOM and HTTP headers, right from the comfort of your Opera
browser. I...
widget
                                                                                                              +
   ...
www.opera.com/browser/next
dev.opera.com

mail: andreasb@opera.com
twitter: @andreasbovens
thanks to Patrick Lauke for the...
Opera Widgets for Desktop and Opera Dragonfly
Opera Widgets for Desktop and Opera Dragonfly
Opera Widgets for Desktop and Opera Dragonfly
Opera Widgets for Desktop and Opera Dragonfly
Upcoming SlideShare
Loading in...5
×

Opera Widgets for Desktop and Opera Dragonfly

2,345

Published on

This is the presentation I gave on the "An Evening with YDN and Opera in Oslo" event (http://ydnoslo.eventbrite.com/).
Opera Widgets for Desktop are available in our latest alpha build from http://www.opera.com/browser/next/

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,345
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
29
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • Opera Widgets for Desktop and Opera Dragonfly

    1. 1. Andreas Bovens Group Leader Developer Relations
    2. 2. Andreas Bovens Group Leader Developer Relations
    3. 3. Opera Widgets for Desktop & Opera Dragonfly
    4. 4. video placeholder see video on URL below http://tr.im/roundandround
    5. 5. http://tr.im/roundandround
    6. 6. A bit of history...
    7. 7. Widgets in Opera 9.0
    8. 8. http://img89.imageshack.us/i/opera24vz.png/
    9. 9. tied to the browser
    10. 10. Widgets spec
    11. 11. Inside the package:
    12. 12. Inside the package: Web Standards!
    13. 13. Inside the package: HTML, CSS, JS, SVG ...
    14. 14. On mobile, devices
    15. 15. On mobile, devices
    16. 16. On mobile, devices
    17. 17. On mobile, devices
    18. 18. On mobile, devices
    19. 19. On mobile, devices
    20. 20. On mobile, devices
    21. 21. In Opera 10.2 alpha ...
    22. 22. we’ve moved widgets outside of the browser
    23. 23. ... making them more like real desktop apps.
    24. 24. Demo time :-)
    25. 25. Twitter: http://widgets.opera.com/widget/14501/ Google Translate: http://widgets.opera.com/widget/14511/ and more...
    26. 26. Standalone, standards-based, cross-platform apps
    27. 27. Let’s have a closer look
    28. 28. File I/O API
    29. 29. File I/O API
    30. 30. File I/O API ShowNotification()
    31. 31. File I/O API ShowNotification() Widget/application mode
    32. 32. Widget/application mode <?xml version='1.0' encoding='UTF-8'?> <widget defaultmode="application"> <widgetname>Sample widget</widgetname> <description>Shows the default chrome for application mode.</description> </widget>
    33. 33. ools
    34. 34. Opera Dragonfly Debug JavaScript and inspect CSS, the DOM and HTTP headers, right from the comfort of your Opera browser. If you deploy on mobile, no problem: Opera Dragonfly supports remote debugging to communicate directly with Opera Mobile, and other Opera Presto powered devices. Opera Dragonfly is included in Opera for Desktop, and can be found under Tools › Advanced › Developer Tools in the Opera menu bar. Find out more about Opera Dragonfly and our developer focused activities at www.opera.com/developer/
    35. 35. widget + emulator Opera Dragonfly Debug JavaScript and inspect CSS, the DOM and HTTP headers, right from the comfort of your Opera browser. If you deploy on mobile, no problem: Opera Dragonfly supports remote debugging to communicate directly with Opera Mobile, and other Opera Presto powered devices. Opera Dragonfly is included in Opera for Desktop, and can be found under Tools › Advanced › Developer Tools in the Opera menu bar. Find out more about Opera Dragonfly and our developer focused activities at www.opera.com/developer/
    36. 36. www.opera.com/browser/next dev.opera.com mail: andreasb@opera.com twitter: @andreasbovens thanks to Patrick Lauke for the pictures
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×