Mobile/AddonsTrainingWeek/SpeakerNotesB: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
No edit summary
Line 1: Line 1:
==User Interface Considerations==
==Links Mentioned in Presentation==
presentation published [https://docs.google.com/present/view?id=amkjrkbt96p_73cc23j6pw here]
presentation published [https://docs.google.com/present/view?id=amkjrkbt96p_73cc23j6pw here]


* UI is very different. Read about the [https://wiki.mozilla.org/Mobile/Fennec/Extensions/UserInterface mobile UI guidelines].
* Shareaholic [http://mixergy.com/shareaholic-jay-meattle-interview/].
** You will not be able to assume the desktop XUL overlays will "just work".
** Dialogs and Preferences are handled very differently.
** Screen size becomes very important and a limiting factor. Work on your [https://wiki.mozilla.org/Mobile/Fennec/Extensions/Layout layout].
** Maintaining "touch-friendly" widgets is critical.
** Simplify everything.
* Guidelines
** Minimize your UI
** Delay initialization
** Blend into the application
** Support touch and panning
** Support portrait and landscape
** Read the [https://wiki.mozilla.org/Mobile/Fennec/Extensions/BestPractices best practices] document for more pointers.


==Common How-tos==
==Common How-tos==

Revision as of 20:51, 25 October 2010

Links Mentioned in Presentation

presentation published here

  • Shareaholic [1].

Common How-tos

presentation published here

  • Different XUL structure
    • No TabBrowser
    • No main menu - Site Menu provides some space for commands
    • Context Menu uses an extensible, but restrictive design
  • Multi-process
    • No direct DOM access
    • No DOM event bubbling
    • Move DOM sensitive into frame scripts
    • Learn how to use IPC messaging