From a8bca18cc09561506c337eed0b3a2eb345f03308 Mon Sep 17 00:00:00 2001 From: Jack Lukic Date: Thu, 9 May 2013 13:32:00 -0300 Subject: [PATCH] Update README.md Former-commit-id: b9a71a27746c47eeba554b5f926a03f81b856d32 Former-commit-id: 747095df8229cef5fa5680171d898aeb5c42dad8 --- README.md | 26 +++++++++++++++----------- 1 file changed, 15 insertions(+), 11 deletions(-) diff --git a/README.md b/README.md index 4d351a17f..11be4123d 100755 --- a/README.md +++ b/README.md @@ -74,11 +74,11 @@ Here is part of Semantic's definition of a button ## Types of UI -UI components are split into four categories: +UI components are split into four categories, ranging from smallest to largest: * UI Elements * UI Collections -* UI VIews * UI Modules +* UI Views All UI definitions are made of a neutral, ideal definition, a list of states it can occupy, and a set of common variations or "types" of that element. @@ -113,18 +113,10 @@ Examples of UI collections: * Grids (Layout) * Menus -## UI Views -UI Views are common ways to display site content. Instead of providing a specific interaction, views structure content so that it can be understood more easily. - -Examples of UI views: -** Comment Feed -** Activity Feed -** Product List - ## UI Modules -UI modules are UI elements where it's behavior is a fundamental part of its definition. UI Modules are dependent on the javascript which carry their definition. +UI modules are elements where it's behavior is a fundamental part of its definition. UI Modules are dependent on the javascript which carry their definition. They also may be more complex, and have a variety of different functions. Further abusing the scientific analogy: These can be thought of as "organs". Examples of UI modules: * Popups @@ -132,6 +124,18 @@ Examples of UI modules: * Chatrooms * Calendar Pickers +## UI Views +UI Views are common ways to structure types of content so that it can be understood more easily. A view's definition in semantic only describes the content which typically occupies the view. + +For example an activity feed in +This is a UI + +Examples of UI views: +** Comment Feed +** Activity Feed +** Product List + + ## Usage ### Specification