Widgets in theory and in practice

628 views
561 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
628
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Widgets in theory and in practice

  1. 1. Widgets in theory and in practice Daniel Davis @ourmaninjapan Opera Software
  2. 2. A little story
  3. 3. Phones in GalapagosJapan
  4. 4. Widgets fordesktopcompatibility
  5. 5. Sound “Write once,familiar? run anywhere” widget widget runtime OS
  6. 6. Current ● Operaruntimes ● NetFront ● Aplix ● Obigo Borqs ● Samsung ● LG ● Nokia ● BlackBerry (sorta)
  7. 7. Not theHoly Grail
  8. 8. Widgets 1 ● No need to hostWeb Apps 0 ● Less insecurity ● X-domain AJAX ● Simpler UI ● Feedback & ratings
  9. 9. Widgets 0 ● No auto-updateWeb Apps 1 ● No live stats ● No ad monetization ● Limited findability ● Isolation
  10. 10. Just anotherchoice
  11. 11. Development ● Text editor ● Eclipse plugins ● WAC SDK ● KamiJS ● PhoneGap, please?
  12. 12. Dealingwithdevices
  13. 13. Screen Stay flexiblesizes:Part I #content { font-size: 1.1em; margin: 0 auto; width: 80%; }
  14. 14. Screen Media queriessizes: are your friend.Part II // Puts the sidebar on // the right for screens // 768px or wider @media and (min-width: 768px) { #sidebar { float: right; } }
  15. 15. Screen Media queriessizes: for JavaScriptPart III // dev.opera.com/ // articles/view/ // media-query-library/ testMediaQuery( screen and (min-width: 768px) ){ // Code for // wide screens }
  16. 16. Distribution Widget repositories ● widgets.opera.com ● WAC ● NetFront Operators stores ● BlackBerry ● Vodafone ● Others with WAC
  17. 17. Makinmoney
  18. 18. Final tips ● Start in a desktop browser ● Use a template or SDK ● Test on devices or at least an emulator ● Consider “hybrid” widgets
  19. 19. Resources ● widgets.opera.com ● labs.opera.com/ news/2011/02/14/ ● dev.opera.com/ articles/view/ opera-widgets-sdk/ ● wacapps.net
  20. 20. Thank you! Daniel Davis @ourmaninjapan Opera Software

×