rmwxiong

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  myArray: [{name: 'bob', size: 5}],

  bloo: Ember.computed.readOnly('myArray.0'),
  
  whee: Ember.on('init', function() {

rmwxiong

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  blah: Ember.on('init', function() {
    const myNode = document.createElement('div');
    myNode.innerHTML = "<span style='color: blue'>blah</span>";
    this.set('myNode', myNode);
    this.set('myString', '<div>hello</div>');

rmwxiong

import Ember from 'ember';

export default Ember.Component.extend({
  computedValue: Ember.computed('thing.value', function() {
    return this.get('thing.value') + '!!!';
  })
});

rmwxiong

// get the average color of two hex colors.
function avgcolor(color1,color2){
    var avg  = function(a,b){ return (a+b)/2; },
        t16  = function(c){ return parseInt((''+c).replace('#',''),16) },
        hex  = function(c){ var t = (c>>0).toString(16);
                           return t.length == 2 ? t : '0' + t },
        hex1 = t16(color1),
        hex2 = t16(color2),
        r    = function(hex){ return hex >> 16 & 0xFF},
        g    = function(hex){ return hex >> 8 & 0xFF},