ayamflow

Handy Git commands

• Show list of commits with hash: git log
• Show file at revision: git show REVISION:path/to/file
• Roll back to revision: git reset --hard REVISION
• Revert a file to revision: git checkout REVISION path/to/file
• Get my colleague's file version during a merge: git checkout --theirs path/to/file
• Add a remote : git remote add origin https://github.com/user/repo.git
• Force unstash : git stash show -p | git apply && git stash drop

ayamflow

#Angular.js / Vue.js similarities & differences

##Similar stuff

• Same transtion API (enter/leave)
• Filters
• Two-way data-binding
• Nested scope inheritance
• Modules:
  • Angular enables to separate an application into modules
  • Vue allows to encapsulate assets, check Encapsulating private assets for more info

ayamflow

1. Create a folder into your dropbox directory

mkdir ~/Dropbox/Sublime\ Text\ 2

2. Go to Sublime Text 2 directory

cd ~/Library/Application\ Support/Sublime\ Text\ 2/

3. Move configuration to dropbox

mv ./Packages ~/Dropbox/Sublime\ Text\ 2/Packages mv ./Installed\ Packages ~/Dropbox/Sublime\ Text\ 2/Installed\ Packages mv ./Pristine\ Packages ~/Dropbox/Sublime\ Text\ 2/Pristine\ Packages

ayamflow

module.exports = function(obj) {
    var funcs = Array.prototype.slice.call(arguments, 1);
    if (funcs.length === 0) throw new Error('bindAll must be passed function names');
    funcs.forEach(function(f) {
      obj[f] = obj[f].bind(obj);
    });
    return obj;
};

ayamflow

Getting Started with NPM (as a developer)

If you haven't already set your NPM author info, now you should:

npm set init.author.name "Your Name"
npm set init.author.email "you@example.com"
npm set init.author.url "http://yourblog.com"

npm adduser

ayamflow

// Custom styles - ayamflow

.tab-bar {
    height: 33px !important;
    line-height: 33px !important;
    background-image: -webkit-linear-gradient(#2b2b2b, #353535) !important;

    &:active {
        background-color: #424242;
        border-top: 1px solid #2E2E2E;

ayamflow

Vue.directive('dom', {
  isLiteral: true,
  bind: function () {
    this.vm.$.dom = this.vm.$.dom || {};
    this.vm.$.dom[this.expression] = this.el;
  },
  unbind: function () {
    delete this.vm.$.dom[this.expression];
  }
});

ayamflow

img.grayscale.disabled {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

ayamflow

#Angular.js $watch tricks

###Angular enables you to $watch anything:

• $scope.foo

$scope.$watch('foo', cb);

ayamflow

Code physics cheat sheet
===

- velocity = variation of position over time
- acceleration = variation of velocity over time
- friction = opposite of velocity. Fast friction: using a scalar instead of using an opposite vector. (i.e. velocity * 0.9)


Velocity with spring & friction (AKA elastic ease)