Erdem Arslan laphilosophia

Two way iframe communication

The main difference between the two pages is the method of sending messages. Recieving messages is the same in both.

Parent

Send messages to iframe using iframeEl.contentWindow.postMessage Recieve messages using window.addEventListener('message')

iframe

Micro-Template: README.md

Valid template expressions:

expressions can reference any property on the passed in context, including nested properties and indexed access to array properties.

     {{ name }}
 {{ obj.name }}

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

Install MySQL on macOS Sierra

This procedure explains how to install MySQL using Homebrew on macOS Sierra 10.12

Install Homebrew

Installing Homebrew is effortless, open Terminal and enter :
$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
Note: Homebrew will download and install Command Line Tools for Xcode 8.0 as part of the installation process.

Install MySQL

At this time of writing, Homebrew has MySQL version 5.7.15 as default formulae in its main repository :

FWIW: I (@rondy) am not the creator of the content shared here, which is an excerpt from Edmond Lau's book. I simply copied and pasted it from another location and saved it as a personal note, before it gained popularity on news.ycombinator.com. Unfortunately, I cannot recall the exact origin of the original source, nor was I able to find the author's name, so I am can't provide the appropriate credits.

Effective Engineer - Notes

By Edmond Lau
Highly Recommended 👍
http://www.theeffectiveengineer.com/

What's an Effective Engineer?

`vs` Questions

http://stackoverflow.com/questions/804115 (rebase vs merge).
https://www.atlassian.com/git/tutorials/merging-vs-rebasing (rebase vs merge)
https://www.atlassian.com/git/tutorials/undoing-changes/ (reset vs checkout vs revert)
http://stackoverflow.com/questions/2221658 (HEAD^ vs HEAD~) (See git rev-parse)
http://stackoverflow.com/questions/292357 (pull vs fetch)
http://stackoverflow.com/questions/39651 (stash vs branch)
http://stackoverflow.com/questions/8358035 (reset vs checkout vs revert)

	/*!
	* jQuery JavaScript Library v2.1.1pre
	* http://jquery.com/
	*
	* Includes Sizzle.js
	* http://sizzlejs.com/
	*
	* Copyright 2005, 2014 jQuery Foundation, Inc. and other contributors
	* Released under the MIT license
	* http://jquery.org/license

	/*
	* Inspiration (well… copy pasting more or less) from:
	* https://github.com/ScottHamper/Cookies/blob/0.3.1/src/cookies.js#L127-L140
	*
	* Thanks Scott!
	*/
	(function (global) {
	'use strict';

	var MyModule = function () {

	var gulp = require('gulp');
	var browserify = require('browserify');
	var notify = require('gulp-notify');
	var source = require('vinyl-source-stream');
	var watchify = require('watchify');
	var plumber = require('gulp-plumber');
	var less = require('gulp-less');
	var csso = require('gulp-csso');
	var watch = require('gulp-watch');
	var envify = require('envify');

	var detectInjection = function(knownHostsArray) {
	var requests = window.performance.getEntriesByType("resource");
	var unknownHosts = [];
	var knownHosts = {};
	var foundHosts = {};

	for (var knownHost in knownHostsArray) {
	knownHosts[knownHostsArray[knownHost]] = true;
	}