mateuszkocz

/**
 * Move in a circle without wrapper elements
 * Idea by Aryeh Gregor, simplified by Lea Verou
 */

@keyframes rot {
	from {
		transform: rotate(0deg)
		           translate(50px)
		           rotate(0deg);

mateuszkocz

.wrap {
	/* Unimportant styling. */
	background-color: #ffa500;
	width: 400px;
	height: 200px;
	
	/* Solution (part I)*/
	/* This code allows element inside the .wrap to be positioned in the middle. */
	display: table-cell;
	vertical-align: middle;

mateuszkocz

#ball {
	width: 300px;
	height: 300px;	border-radius: 150px;
	background-color: blue;
	background-image: radial-gradient(circle 400px at 0 0, rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,.8)), radial-gradient(circle 180px at 90px 80px, rgba(255,255,255,.7), rgba(0,0,0,0));
	background-repeat: no-repeat, no-repeat;
	
	position:relative;
	}
#ball:after {

mateuszkocz

var lastUsedHeap = 0;  // remember the heap size

function checkMemory()
{
    // check if the heap size is this cycle is LESS than what we had last
    // cycle; if so, then the garbage collector has kicked in

    if (window.performance.memory.usedJSHeapSize < lastUsedHeap)
        console.log('Garbage collected!');
    lastUsedHeap = window.performance.memory.usedJSHeapSize;

mateuszkocz

var bind = function(func, thisValue) {
  return function() {
    return func.apply(thisValue, arguments);
  }
}
 
var boundHello = bind(person.hello, person);
boundHello("world") // "Brendan Eich says hello world"

mateuszkocz

var $ = document.querySelectorAll.bind(document);

mateuszkocz

Element.prototype.on = Element.prototype.addEventListener;

mateuszkocz

// Instead of this..
if(callback) {
  callback();
}

// you can use this.
callback && callback();

mateuszkocz

function getOffset( el ) {
  var offsetTop = 0, offsetLeft = 0;
  do {
    if ( !isNaN( el.offsetTop ) ) {
      offsetTop += el.offsetTop;
     }
     if ( !isNaN( el.offsetLeft ) ) {
       offsetLeft += el.offsetLeft;
    }
  } while( el = el.offsetParent ) 

mateuszkocz

/* You can aslo add */
canvas {
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
}