dexteryy / moui

OO-based UI behavior modules behind CardKit(mobile webapp framework)'s view components

Moui

• OO-based UI behavior modules behind CardKit's view components
• 'mobile first'
• Independent of particular appearance and specific business
• Use HTML as configurations that is equal to JS API

Usage

AMD and OzJS

• Moui can either be viewed as an independent library, or as a part of OzJS mirco-framework.
• It's wrapped as an AMD (Asynchronous Module Definition) module. You should use it with oz.js (or require.js or similar for handling dependencies).
• If you want to make it available for both other AMD code and traditional code based on global namespace. OzJS provides a mini define/require implementation to transform AMD module into traditional module pattern.
• See http://ozjs.org for details.

Get the code

Add to your project as new dependency

• via bower - bower install moui
• via istatic

Or download directly from Github

Dependencies

• mo
• dollar or other jQuery-compatible library

Examples

CardKit demo app

Modules Overview

moui/control:

• Minimal stateful component

moui/picker:

• Compose of Control objects

moui/overlay:

• Minimal overlay component

moui/actionview:

• Inherit from Overlay
• Compose of Picker objects

moui/modalview:

• Inherit from Overlay

moui/imageview:

• Inherit from ActionView

moui/growl:

• Inherit from Overlay

moui/bubble (Plan to refactor)

• Inherit from Growl

moui/ranger:

• Minimal range component

moui/slider (Plan to refactor)

• Inherit from Ranger

moui/util/stick:

• Stick a DOM element to anther from any clock position

API and usage

Comming soon...

More References

See OzJS Project Homepage

Release History

See OzJS Release History

License

Copyright (c) 2010 - 2013 dexteryy
Licensed under the MIT license.