Permalink
Browse files

- new AMD support

- upgrade ender on integration page
- remove gitmodules
- create devDependencies for contributors
- small style changes
- update readme with AMD usage
  • Loading branch information...
ded committed Sep 13, 2011
1 parent 62f4723 commit e2dd6a0dd4862345875886a7b09c67f155706a65
Showing with 826 additions and 786 deletions.
  1. +0 −6 .gitmodules
  2. +36 −24 README.md
  3. +730 −709 integration/ender.js
  4. +6 −7 integration/ender.min.js
  5. +6 −7 integration/integration.html
  6. +12 −5 morpheus.js
  7. +1 −1 morpheus.min.js
  8. +4 −1 package.json
  9. +12 −5 src/morpheus.js
  10. +0 −1 support/bowser
  11. +0 −1 support/sink
  12. +19 −19 tests/tests.html
View
@@ -1,6 +0,0 @@
-[submodule "support/sink"]
- path = support/sink
- url = git://github.com/ded/sink-test.git
-[submodule "support/bowser"]
- path = support/bowser
- url = git://github.com/ded/bowser.git
View
@@ -11,21 +11,22 @@ It looks like this:
``` js
morpheus(elements, {
// CSS
- left: -50,
- top: 100,
- width: '+=50',
- height: '-=50px',
- fontSize: '30px',
- color: '#f00',
- "background-color": '#f00',
-
- // API
- duration: 500,
- easing: easings.easeOut,
- bezier: [[100, 200], [200, 100]],
- complete: function () {
- console.log('done')
- }
+ left: -50
+ , top: 100
+ , width: '+=50'
+ , height: '-=50px'
+ , fontSize: '30px'
+ , color: '#f00'
+ , transform: 'rotate(30deg) scale(+=3)'
+ , "background-color": '#f00'
+
+ // API
+ duration: 500
+ , easing: easings.easeOut
+ , bezier: [[100, 200], [200, 100]]
+ , complete: function () {
+ console.log('done')
+ }
})
```
@@ -76,7 +77,7 @@ For those who run web services that support languages spanning from LTR to RTL,
Browser support
-----------
-Grade A & C Browsers according to Yahoo's [Graded Browser Support](http://developer.yahoo.com/yui/articles/gbs/)
+Grade A & C Browsers according to Yahoo's [Graded Browser Support](http://developer.yahoo.com/yui/articles/gbs/). CSS3 transforms are only supported in browsers that support the transform specification.
Ender integration
--------
@@ -94,9 +95,9 @@ Write code like a boss:
$('#content .boosh').animate({
left: 911,
complete: function () {
- console.log('boosh');
+ console.log('boosh')
}
-});
+})
```
Usage Notes
@@ -159,18 +160,29 @@ morpheus(element, {
})
```
-## Contributors
+AMD Support
+----------
+
+``` js
+require('morpheus.js', function (morpheus) {
+ morpheus(elements, config)
+})
+
+or as usual with ender
+
+var morpheus = require('morpheus')
+
+```
+
+## Developers
If you're looking to contribute. Add your changes to `src/morpheus.js` Then run the following
- $ # if you don't have smoosh
$ npm install smoosh -g
- $ # then run tests
- $ git submodule update --init
+ $ npm install --dev
+ $ make
$ open tests/tests.html
-If all is good. Then run `make` to be sure your code passes the JSHint linter
-
Morpheus (c) Dustin Diaz 2011 - License MIT
**Happy Morphing!**
Oops, something went wrong.

0 comments on commit e2dd6a0

Please sign in to comment.