Ufuktan Yildirim ufukty

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

Never touch your local /etc/hosts file in OS X again

To setup your computer to work with *.test domains, e.g. project.test, awesome.test and so on, without having to add to your hosts file each time.

Requirements

Homebrew
Mountain Lion -> High Sierra

Install

tmux shortcuts & cheatsheet

start new:

tmux

start new with session name:

tmux new -s myname

	#include <GL/freeglut.h>
	#include <vector>
	#include <cmath>

	const double pi = 3.141593;

	typedef struct PhysVector {
	float x;
	float y;
	};

	# -- mode: ruby --
	# vi: set ft=ruby :

	# test setting a guest environment variable based on a host environment variable
	# if FOO_BAR is set locally, create command to add it to .profile in the guest

	env_var_cmd = ""
	if ENV['FOO_BAR']
	value = ENV['FOO_BAR']
	env_var_cmd = <<CMD

	# Assumptions: easyrsa3 available in current dir, and functional openssl.
	# This basic example puts the "offline" and "sub" PKI dirs on the same system.
	# A real-world setup would use different systems and transport the public components.

	# Build root CA:
	EASYRSA_PKI=offline ./easyrsa init-pki
	EASYRSA_PKI=offline ./easyrsa build-ca nopass

	# Build sub-CA request:
	EASYRSA_PKI=sub ./easyrsa init-pki