New web

Web pattern library, style and technical reference

Developer Guidelines

Naming Conventions

CSS

Usecase	Convention	Example
File name	Lowercase, dash separated, "uon-" prefix	uon-media-gallery.css
Class name	Lowercase, dash separated, "uon-" prefix	.uon-media-gallery
ID name	Lowercase, dash separated, "uon-" prefix IDs should be avoided for components whereever possible.	#uon-media-gallery

Javascript

Usecase	Convention	Example
File name	Lowercase, dash separated, "uon-" prefix	uon-media-gallery.js
Function name	CamelCase, "uon" prefix	uonMediaGallery()

Metadata

Usecase	Convention	Example
Field name	Titlecase, dot separated, "UON" prefix	UON.Degree.Name

Parse File

Usecase	Convention	Example
Design Area name	Lowercase, underscore separated	<MySource_AREA id_name="side_menu">

Container Template

Usecase	Convention	Example
Container Template (CCT) asset name	Sentence case	Landing page header
CCT Metadata schema	Sentence case, " - Metadata scheme" suffix	Landing page header - Metadata schema
CCT Paint layout	Sentence case, " - Paint layout" suffix	Landing page header - Paint layout
CCT Simple edit layout	Sentence case, " - Edit layout" suffix	Landing page header - Edit layout