Wiki source code of UX: Standards
Last modified by Vincent Massol on 2024/11/19 16:15
Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 1 | {{velocity}} | ||
| 2 | #set($ok=$xwiki.ssx.use("Standards.WebHome")) | ||
| 3 | {{include document="Improvements.Keywords"/}} | ||
| 4 | {{/velocity}} | ||
| 5 | |||
| 6 | (% class="leftMargin dashboardleft column20" %) | ||
| 7 | ((( | ||
| 8 | == CSS Standards == | ||
| 9 | |||
| 10 | * [[Code Style>>CSSCodeStyle]] | ||
| 11 | * [[CSS API>>CSSAPI]] | ||
| 12 | ** [[Selectors>>CSSAPISelectors]] | ||
| 13 | *** [[#xwikimaincontainer>>CSSAPISelectors_xwikimaincontainer]] | ||
| 14 | |||
| 15 | * (% class="external" %)[[Front-end Resources>>xwiki:Documentation.DevGuide.FrontendResources.WebHome]] | ||
| 16 | ))) | ||
| 17 | |||
| 18 | (% class="left column60 dashboardright" %) | ||
| 19 | ((( | ||
| 20 | (% class="left dashboardrightcontent" %) | ||
| 21 | ((( | ||
| 22 | == Visual Elements Standards == | ||
| 23 | |||
| 24 | Style Standards provide a consistent User Experience throughout the application and also serve as a guide book for designers: | ||
| 25 | |||
| 26 | * Images used | ||
| 27 | ** [[Icons>>Standards.Icons]] | ||
| 28 | *** [[Display of Action Icons>>Standards.ActionIcons]] | ||
| 29 | *** [[Recommendations>>Standards.IconsRecommendations]] | ||
| 30 | *** [[Usage Study>>Standards.IconsStudy]] | ||
| 31 | **** [[Delete Icon Usage Study>>Standards.IconsStudyDelete]] | ||
| 32 | * [[Buttons>>Standards.Buttons]] | ||
| 33 | |||
| 34 | * [[Links>>Standards.Links]] | ||
| 35 | * [[Forms>>Standards.Forms]] | ||
| 36 | ** Standardize Form Layouts: | ||
| 37 | *** (% class="external" %)[[Inline Layout>>xwiki:Documentation.DevGuide.FrontendResources.InlineForms.WebHome]] | ||
| 38 | *** (% class="external" %)[[Vertical Layout>>xwiki:Documentation.DevGuide.FrontendResources.VerticalForms.WebHome]] | ||
| 39 | ** [[General Forms Layout Types>>Standards.FormLayout]] | ||
| 40 | *** [[Fieldset Form Example>>Standards.FormFieldsetExample]] | ||
| 41 | *** [[Inline Form Example>>Standards.FormInlineExample]] | ||
| 42 | *** [[Small Form Component>>Tech.CssFormSmall]] (deprecated) | ||
| 43 | |||
| 44 | * [[Avatar>>Standards.Avatar]] | ||
| 45 | * [[Dates>>Standards.Date]] | ||
| 46 | |||
| 47 | * [[Colors>>Standards.Colors]] | ||
| 48 | * [[Typography>>Standards.Typography]] | ||
| 49 | ** Font sizes | ||
| 50 | ** Font family | ||
| 51 | |||
| 52 | * [[Hierarchy>>Standards.Hierarchy]] | ||
| 53 | * [[QuantitativeDisplay >>Standards.QuantitativeDisplay]] | ||
| 54 | * [[ItemDisplay>>Standards.ItemDisplay]] | ||
| 55 | |||
| 56 | * States: | ||
| 57 | ** [[Hover States>>Standards.HoverState]] | ||
| 58 | ** [[Active States>>Standards.ActiveState]] | ||
| 59 | |||
| 60 | * Types of pages | ||
| 61 | ** Main | ||
| 62 | ** Section Pages | ||
| 63 | * Error messages | ||
| 64 | ** Status bar notification | ||
| 65 | ** Dialog notifications | ||
| 66 | * Behavior | ||
| 67 | |||
| 68 | * Logo | ||
| 69 | ))) | ||
| 70 | ))) | ||
| 71 | |||
| 72 | (% class="leftMargin dashboardleft column20" %) | ||
| 73 | ((( | ||
| 74 | == Issues == | ||
| 75 | |||
| 76 | {{jiraIssues}} | ||
| 77 | XSCOLIBRI-260, | ||
| 78 | XSCOLIBRI-266 | ||
| 79 | {{/jiraIssues}} | ||
| 80 | ))) | ||
| 81 | |||
| 82 | {{html}} | ||
| 83 | <div class="clearfloats"></div> | ||
| 84 | {{/html}} | ||
| 85 | |||
| 86 | {{include document="Main.Dashboard"/}} |
