+1

regards

On Sunday, January 19, 2014 6:25:13 PM UTC-8, Justin Meyer wrote:
>
> MooTools users,
>   
> Long story short, I'm spending a lot of time making some pretty awesome 
> features of CanJS 2.1 work with MooTools. I want to know if this interests 
> people.
>
> The long story ....
>
> I'm not sure if many MooTools users know this, but CanJS can be run on top 
> of MooTools. It means that CanJS uses MooTools internally for things like 
> event binding, DOM manipulation, etc so they work together very nicely. 
>  For example, a removing an element like: 
>
> $("tools").destroy();
>
> Will clean up any control on the tools element.
>
> CanJS 2.0 added the ability to operate on custom tags, but only within a 
> template.  CanJS 2.1 is supporting custom tags outside a template, but also 
> a lot of DOM modification events. You will be able to listen to when an 
> element is inserted / removed or any of its attributes change like:
>
> $(div).addEvent("attributes", function(ev){
>
>       equal( ev.attributeName, "foo" );
>
>       equal( ev.target, div)
>
>       equal( ev.oldValue, null);
>
>       equal( div.getAttribute(ev.attributeName), "bar");
>
>       $(div).removeEvent("attributes", arguments.callee )
>
> });
>
> $(div).set("foo", "bar")
>
>
> This means you will be able to create custom elements that behave very 
> similar to native elements in all browsers that MooTools supports (IE8 :-) 
> AND you can operate on them with your favorite MooTool methods.
>
> Consider a very basic HelloWorld example, an element that looks like:
>
> <hello-world message="Hello" id="moo"></hello-world>
>
> A hello world element simply puts the message attribute's value inside an 
> H1 element.  You'd implement this like:
>
> can.Component.extend({
>   tag: "hello-world",
>   template: "<h1>{{message}}</h1>"
>   scope: {
>     message: "@"
>   }
> })
>
> If you were to use MooTool's set method to update the message attribute 
> like:
>
> $("moo").set("message","MooTools says Hi!")
>
> The text inside the H1 would update automatically.
>
>
>
> This will bring a lot of the WebComponent goodness to MooTools far earlier 
> than a polyfill like Polymer.  We essentially poly-filled MooTools.  My 
> hope is that this interests the MooTools community.  Let me know what you 
> think.  Thanks!
>
>
>
>
>

-- 

--- 
You received this message because you are subscribed to the Google Groups 
"MooTools Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.

Reply via email to