Mobile/AddonsTrainingWeek/SpeakerNotesB: Difference between revisions
< Mobile | AddonsTrainingWeek
Jump to navigation
Jump to search
MarkFinkle (talk | contribs) |
MarkFinkle (talk | contribs) No edit summary |
||
Line 1: | Line 1: | ||
==User Interface Considerations== | ==User Interface Considerations== | ||
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]. | * 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". | ** You will not be able to assume the desktop XUL overlays will "just work". | ||
Line 15: | Line 17: | ||
==Common How-tos== | ==Common How-tos== | ||
presentation published [https://docs.google.com/present/view?id=amkjrkbt96p_72ccbktcgp here] | |||
* Different XUL structure | * Different XUL structure | ||
** No TabBrowser | ** No TabBrowser |
Revision as of 17:34, 21 October 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