|
|
Line 22: |
Line 22: |
|
| |
|
| =Web Components= | | =Web Components= |
| Building Blocks reflect OS-wide UX patterns and styles, and are taking the form of Web Components as of 2.3. | | [https://developer.mozilla.org/en-US/Apps/Design/Firefox_OS_building_blocks Building Blocks] reflect OS-wide UX patterns and styles, and will take the form of [http://webcomponents.org/ Web Components] as of 2.3. Building Blocks + Web Components = "Common Controls" in Mozilla parlance. |
|
| |
|
| ==Overview==
| | * 2.3 (beginning April 2015) Common Controls reference document: https://mozilla.box.com/s/aa8tu5rf5gwpgdr00u79 |
| "Building Blocks" is an umbrella term that encompasses system-wide:
| |
| * Interaction design (IxD) patterns | |
| ** Guidelines and standards that define common units of design presentation across Firefox OS
| |
| * UI components
| |
| ** Actual interface elements in which patterns are embodied, like headers, footers, gestures, and so on
| |
| * Style elements
| |
| ** The visual look and feel (colors, fonts, and so on) applied to the UI components that embody design patterns
| |
| * Copy
| |
| ** Text within all of the above, as in notifications, error messages, and so on
| |
|
| |
|
| ==List of Components==
| | * Github: https://github.com/gaia-components |
| ** sub header & link | |
| ** lists
| |
| ** tabs & toolbars
| |
| ** filters
| |
| ** button
| |
| ** circle button
| |
| ** Navigational list link
| |
| ** Value selector list link
| |
| ** text link
| |
| ** input fields
| |
| ** progress bar
| |
| ** activity bars
| |
| ** spinners
| |
| ** on/off switch
| |
| ** check box and check mark
| |
| ** slider
| |
| ** options menu & animation
| |
| ** object menu & animation
| |
| ** system prompts
| |
| ** value selectors
| |
| ** system toasts
| |
| ** invites & alarms
| |
|
| |
|
| =UX Most Wanted= | | =UX Most Wanted= |
Line 65: |
Line 34: |
| { | | { |
| "blocks": "994991", | | "blocks": "994991", |
| "include_fields": "id, summary, status, target_milestone, resolution, assigned_to, blocks, whiteboard, ux-most-wanted-nov2014" | | "include_fields": "id, summary, status, resolution, assigned_to, blocks, ux-most-wanted-nov2014" |
| } | | } |
| </bugzilla> | | </bugzilla> |