Easy to learn
- Semantic empowers designers and developers by creating a shared language for user interfaces.
View UI - Get Started - - - -Web development doesn't have to be hieroglyphics. Semantic lets you develop websites by describing what you want on a page.
-No need to buy into a framework, just use the bits you need. Need to redesign? Simply swap out your definition of what a menu is, or a button, no need to recode everything.
-Semantic provides a rubric for developing re-usable UI that you can share with others, and re-use yourself between projects.
+ Get Started-
HTML elements are nouns.
-HTML elements can have variations which modify the way they look or behave.
-Variations are mutually exclusive and can be used freedly together in any combination
-HTML elements can share qualities as a group to avoid having to define them redundantly.
-Elements with behaviors give you an api of verbs and direct objects.
-Trigger an action using simple sentences
-Writing front end code shouldn't require learning the naming or programming conventions of a particular developer. Semantic is an attempt to design a front end library built around common usage and convention to make adopting and sharing code with others easier.
-The semantic framework is an attempt to create a less prescriptive front end library which others can extend and modify to enhance their projects.
+Writing front end code shouldn't require learning the naming or programming conventions of a particular developer. Semantic is a methodology for coding front end designed to make adopting and sharing code with others easier.
+Semantic is tag ambivalent. That means you can use it with div, article, section, span, whichever you please. However, some elements still have special meeting like anchor and table tags.
+UI definitions in Semantic are namespaced with the class name ui. This is to help differentiate between parts of a UI element, and the element itself. In the example below you can see that item must be a part of a menu definition.
+UI definitions in Semantic are namespaced with the class name ui. This is to help differentiate between parts of an element, and the element itself. For example a menu may have menu items inside of it. These items are contained as part of the menu definition.
All UI definitions in semantic are stand-alone, and do not require other components to function. However, components can choose to have optional couplings with other components.
For example you might want to include a badge inside a menu. A label inside of a menu will automatically function as a badge.
+Class names in semantic always use single english words. If a class name is an adjective it is a type or variation of an element. A type is a mutually exclusive change to an element, while a variation can be used together with other variations.
-Semantic has five different ways UI elements can be defined. As an element, collection, view, module, or behavior.
+Class names in semantic always use single english words. If a class name is an adjective it is either a type of element or variation of an element. + +
A type is a mutually exclusive change to an element. It may require slightly different html structures or expect different content.
+ + +A variation alters the design of an element but is not mutually exclusive. Variations can be stacked together, or be used along with altering an element's type.
+ + +Semantic has five different definition types. These are useful patterns for describing re-usable parts of a website.