Websites/Mozilla.org/One Mozilla/Style Guide: Difference between revisions

Jump to navigation Jump to search
Line 107: Line 107:
==== Mobile (Smartphones, 7" & 10" Tablets: Android, B2G, Metro, Kindle Fire) ====
==== Mobile (Smartphones, 7" & 10" Tablets: Android, B2G, Metro, Kindle Fire) ====
*INTRODUCTION
*INTRODUCTION
**Overall UI
**Overview (Key parts of the UI)
***General (Colors / Textures / Forms)
**Layers
**Layers
**Screen sizes
**Screen sizes
Line 138: Line 139:
**General (Colors / Textures / Forms)
**General (Colors / Textures / Forms)
**Parts (for each: Styles and Dimensions)
**Parts (for each: Styles and Dimensions)
***new / close / undo / tab notifications
***Controls
***New / Close / Undo / Tab Notifications
***Local / Remote tabs  
***Local / Remote tabs  


Line 144: Line 146:
**General (Colors / Textures / Forms)
**General (Colors / Textures / Forms)
**Parts (for each: Styles and Dimensions)
**Parts (for each: Styles and Dimensions)
***Example: Start page  
***Start page  
***Example: Blank page  
***Blank page  
***Example: Error pages  
***Error pages  
***Example: Channel-specific branding  
***Channel-specific branding  


*GESTURE SUPPORT  
*GESTURE SUPPORT  
Line 155: Line 157:
**long press links for context menu (open in new tab, etc)  
**long press links for context menu (open in new tab, etc)  
**long press text to activate text selection mode  
**long press text to activate text selection mode  
**two-fingered side to side dragging for back / forward controls  
**two-fingered side to side dragging for back / forward controls


==== Desktop (Windows, Mac, Linux) ====
==== Desktop (Windows, Mac, Linux) ====
Confirmed users
450

edits

Navigation menu