ErikCH

CSS GAMES

• http://flukeout.github.io/
• http://flexboxfroggy.com/
• https://cssgridgarden.com/
• http://www.flexboxdefense.com/

CSS Interactive Tutorials

• http://learnlayout.com/box-model.html
• https://rupl.github.io/fun-games-css/
• https://rupl.github.io/unfold/

ErikCH

CSS and Design

• https://css-tricks.com/snippets/css/a-guide-to-flexbox/
• https://flexbox.io/
• https://css-tricks.com/snippets/css/complete-guide-grid/
• https://twitter.com/i/moments/880688233641848832
• https://dribbble.com/
• https://www.goabstract.com/

Documentation

• https://developer.mozilla.org/en-US/docs/Web

ErikCH

import Ember from 'ember';

export default Ember.Component.extend({
});

ErikCH

import Ember from 'ember';

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

ErikCH

Keybase proof

I hereby claim:

• I am ErikCH on github.
• I am erikch (https://keybase.io/erikch) on keybase.
• I have a public key whose fingerprint is E9EE 4395 A004 EF00 B35D F8F7 5136 E4CD A827 7073

To claim this, I am signing this object:

ErikCH

import Ember from 'ember';

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

  showPopup(){
    alert('hello world');
  }
});

ErikCH

import Ember from 'ember';

export default Ember.Component.extend({
});

ErikCH

import Ember from 'ember';

export default Ember.Component.extend({
  myProp: 100,
  myService: Ember.inject.service()
});

ErikCH

import Ember from 'ember';

export default Ember.Component.extend({
  myService: Ember.inject.service()
});

ErikCH

import Ember from 'ember';

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

});