elidupuis

# install nvm
# see https://github.com/creationix/nvm
# be sure to restart your terminal after this step
curl https://raw.github.com/creationix/nvm/master/install.sh | sh

# install Node
# use nvm. if you cannot, download binary from Node website http://nodejs.org/download/
nvm help
nvm ls-remote
# install a recent version

elidupuis

Dependencies managed with Bower:

npm install -g bower
bower install

...Then open up index.html in a browser.

elidupuis

Dev setup

python -m SimpleHTTPServer 8080
sass --watch style.scss:style.css

elidupuis

import Ember from 'ember';
import move from 'ember-animated/motions/move';
import adjustCSS from 'ember-animated/motions/adjust-css';
import { fadeOut } from 'ember-animated/motions/opacity';
import { easeOut, easeIn } from 'ember-animated/easings/cosine';

const rollUp = function * ({ keptSprites, removedSprites, duration }) {
  	let [kept] = keptSprites;
    for (let sprite of keptSprites) {
      let z = removedSprites.length + 1;

elidupuis

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

elidupuis

import Ember from 'ember';
import { adjustCSS } from 'ember-animated/motions/adjust-css';
import move from 'ember-animated/motions/move';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  inset: false,
  
  *transition({ insertedSprites, removedSprites }) {

elidupuis

import Ember from 'ember';
// import fade from 'ember-animated/transitions/fade';
import move from 'ember-animated/motions/move';
import { fadeIn, fadeOut } from 'ember-animated/motions/opacity';
import { easeIn, easeOut, easeInAndOut } from 'ember-animated/easings/cosine';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  isThingActive: false,

elidupuis

import Ember from 'ember';
// import fade from 'ember-animated/transitions/fade';
import move from 'ember-animated/motions/move';
import { fadeIn, fadeOut } from 'ember-animated/motions/opacity';
import { easeIn, easeOut, easeInAndOut } from 'ember-animated/easings/cosine';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  isThingActive: false,

elidupuis

import Ember from 'ember';
import move from 'ember-animated/motions/move';
import { fadeIn, fadeOut } from 'ember-animated/motions/opacity';
import { easeIn, easeOut, easeInAndOut } from 'ember-animated/easings/cosine';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  isThingActive: false,
  

elidupuis

import Ember from 'ember';
import move from 'ember-animated/motions/move';
import { fadeIn, fadeOut } from 'ember-animated/motions/opacity';
import { easeIn, easeOut, easeInAndOut } from 'ember-animated/easings/cosine';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  isThingActive: false,