canmove, Confirmed users, Bureaucrats and Sysops emeriti
2,798
edits
Mobile/AddonsTrainingWeek/SpeakerNotesB: Difference between revisions
Mobile/AddonsTrainingWeek/SpeakerNotesB (view source)
Revision as of 16:46, 30 November 2010
, 30 November 2010no edit summary
MarkFinkle (talk | contribs) No edit summary |
|||
| Line 1: | Line 1: | ||
== | ==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]. | ||
** | ** 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== | |||
presentation published [https://docs.google.com/present/view?id=amkjrkbt96p_72ccbktcgp here] | |||
* Different XUL structure | |||
** No TabBrowser | |||
** No main menu - [https://wiki.mozilla.org/Mobile/Fennec/Extensions/UserInterface/Site_Menu Site Menu] provides some space for commands | |||
** [https://wiki.mozilla.org/Mobile/Fennec/Extensions/UserInterface/Context_Menu Context Menu] uses an extensible, but restrictive design | |||
* [https://wiki.mozilla.org/Mobile/Fennec/Extensions/Electrolysis Multi-process] | |||
** No direct DOM access | |||
** No DOM event bubbling | |||
** Move DOM sensitive into frame scripts | |||
** Learn how to use IPC messaging | |||