Browse Source

Update README.md

pull/13/head
Jack Lukic 11 years ago
parent
commit
b9a71a2774
1 changed files with 15 additions and 11 deletions
  1. 26
      README.md

26
README.md

@ -74,11 +74,11 @@ Here is part of Semantic's definition of a button
## Types of UI ## 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 Elements
* UI Collections * UI Collections
* UI VIews
* UI Modules * 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. 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) * Grids (Layout)
* Menus * 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
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: Examples of UI modules:
* Popups * Popups
@ -132,6 +124,18 @@ Examples of UI modules:
* Chatrooms * Chatrooms
* Calendar Pickers * 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 ## Usage
### Specification ### Specification

Loading…
Cancel
Save