Mobile/AddonsTrainingWeek/SpeakerNotesB: Difference between revisions
< Mobile | AddonsTrainingWeek
Jump to navigation
Jump to search
MarkFinkle (talk | contribs) No edit summary |
|||
| (3 intermediate revisions by one other user not shown) | |||
| Line 1: | Line 1: | ||
== | ==User Interface Considerations== | ||
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]. | ||
** 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== | ||
Latest revision as of 16:46, 30 November 2010
User Interface Considerations
presentation published here
- UI is very different. Read about the mobile UI guidelines.
- 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 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 best practices document for more pointers.
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