argyleink

vendor.prefix = (function () {
    'use strict';
    
    var styles  = window.getComputedStyle(document.documentElement, '')
      , pre     = (Array.prototype.slice
            .call(styles)
            .join('') 
            .match(/-(moz|webkit|ms)-/) || (styles.OLink === '' && ['', 'o'])
        )[1]
      , dom     = ('WebKit|Moz|MS|O').match(new RegExp('(' + pre + ')', 'i'))[1];

argyleink

(function() {
    var lastTime = 0;
    var vendors = ['ms', 'moz', 'webkit'];
    for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
        window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
        window.cancelAnimationFrame =
                window[vendors[x]+'CancelAnimationFrame'] || window[vendors[x]+'CancelRequestAnimationFrame'];
    }

    if (!window.requestAnimationFrame)

argyleink

app.module = (function(){
    'use strict';

    function publicFunction() {
    
    }
    
    function privateFunction() {
    
    }

argyleink

function inferInputModel() {

    if (window.navigator.msPointerEnabled) {
        return 'pointer';
    } else if (window.ontouchstart !== undefined) {
        return 'touch';
    } else {
        return 'unknown';
    }
}

argyleink

var Robot = function(robot) {};

Robot.prototype.onIdle = function(ev) {
  var robot = ev.robot;
  robot.ahead(20);
  robot.rotateCannon(10);
};

Robot.prototype.onWallCollision = function(ev) {

argyleink

/**
 * Flexbox sandbox for destroying
 */

.flexbox {
  display:flex;
}
.flex1 {
  flex:1;
}

argyleink

/**
 * Infinite Animation Example
 */
 
div {
	width:100px; height:100px; 
	background-color:red;
	position:absolute;
	
	animation: in_and_out 1s ease-in-out infinite;

argyleink

/**
 * Layouts - 3 flexbox
 */
 
 body {
 	color:white;
 	margin:0;
 }
.flex {
	display:flex;

argyleink

/**
 * Layouts - 3 flexbox
 */
 
 body {
 	color:white;
 	margin:0;
 }
.flex {
	display:flex;

argyleink

/**
 * Layouts - 3 flexbox
 */
 
 body {
 	color:white;
 	margin:0;
 }
.flex {
	display:flex;