UX: Standards (Standards.WebHome)

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