Igor Pellegrini Pictor13

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

The Problem

In Javascript this is bound in unexpected ways. Functions, in particular, create a new 'this' and so when you want to keep a reference to an "outer" object you sometimes see the pattern:

var self = this;

as in:

var self = this;

OS X Screencast to animated GIF

This gist shows how to create a GIF screencast using only free OS X tools: QuickTime and ffmpeg.

Forked from https://gist.github.com/dergachev/4627207. Updated to use a palette to improve quality and skip gifsicle.

Instructions

To capture the video (filesize: 19MB), using the free "QuickTime Player" application:

Setup SSH Authentication for Git Bash on Windows

Prepararation

Create a folder at the root of your user home folder (Example: C:/Users/uname/) called .ssh.
Create the following files if they do not already exist (paths begin from the root of your user home folder):

.ssh/config

	// store.js
	let {store, handler} = sto(initialState, reduceFn); // where reduceFn: function(currentState, action, ...args){}

	dispatcher.register(handler);
	export store;

	// elsewhere
	store.get() // -> current state

	store.toObservable() // -> to be used with .observe()

	/**
	* Stores are just seed + reduce function.
	* Notice they are plain objects and don't own the state.
	*/
	const countUpStore = {
	seed: {
	counter: 0
	},

	reduce(state, action) {

	<?php

	class baseClass {
	protected $a;
	protected $b;

	public function __construct($a, $b = null) {
	$this->a = $a;
	$this->b = $b;
	}

	As we knew that 'let & const' are not coming in ES5, those are coming in ES6 since 2015.
	So to make these work like in latest version ECMA Scripts 2015, we can define it by ourself.

	'const' - ES6
	const a = 1;

	'const' - ES5
	var a = (function(){
	var a = 1;
	return function(){

	;(function(global){
	global.module = {};
	global.require = function(){};
	Object.defineProperty(global.module,'exports',{
	set:function(m) {
	if (typeof m === 'function') {
	var str = m.toString();
	var name = str.substring(9,str.indexOf('(')).replace(/\s+/,'');
	global[name] = m;
	} else if (typeof m === 'object') {

	bash -c 'while [[ "$(curl -s -o /dev/null -w ''%{http_code}'' localhost:9000)" != "200" ]]; do sleep 5; done'

	# also check https://gist.github.com/rgl/c2ba64b7e2a5a04d1eb65983995dce76