Ryan McCullagh rmccullagh

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

Proof of concept setup for Wordpress running under PHP-FPM with an Nginx frontend

Usage

Build a copy of this image:

git clone git://github.com/d9206eacb5a0ff5d6be0.git docker-nginx-fpm
cd docker-nginx-fpm
docker build -t nginx-fpm .

BDD: It's not your test framework, it's you

@robb1e
@moonmaster9000

Notes

brittle tests do not reveal intent. they explain how, not what.
create your own DSL about the important things your domain

	#!/bin/bash

	# CHANGE THESE
	auth_email="user@example.com"
	auth_key="c2547eb745079dac9320b638f5e225cf483cc5cfdda41" # found in cloudflare account settings
	zone_name="example.com"
	record_name="www.example.com"

	# MAYBE CHANGE THESE
	ip=$(curl -s http://ipv4.icanhazip.com)

	CFLAGS = -std=c99 -Wall

	main : main.o

	.PHONY : test clean

	test : main
	./$^ "regex" "vtable" < main.c

	clean :

	"use strict";
	var crypto = require("crypto");

	var EncryptionHelper = (function () {

	function getKeyAndIV(key, callback) {

	crypto.pseudoRandomBytes(16, function (err, ivBuffer) {

	var keyBuffer = (key instanceof Buffer) ? key : new Buffer(key) ;

	# D-I config version 2.0
	default debian/7.4/amd64/boot-screens/vesamenu.c32
	prompt 1
	timeout 300
	menu title - Boop Menu -

	label Debian-7.4
	menu label ^0 Debian 7.4
	#include debian/7.4/amd64/boot-screens/menu.cfg
	kernel debian/7.4/amd64/linux

	import scala.slick.lifted.CanBeQueryCondition
	// optionally filter on a column with a supplied predicate
	case class MaybeFilter[X, Y](val query: scala.slick.lifted.Query[X, Y]) {
	def filter[T,R:CanBeQueryCondition](data: Option[T])(f: T => X => R) = {
	data.map(v => MaybeFilter(query.filter(f(v)))).getOrElse(this)
	}
	}

	// example use case
	import java.sql.Date

	# to generate your dhparam.pem file, run in the terminal
	openssl dhparam -out /etc/nginx/ssl/dhparam.pem 2048

	// Just before switching jobs:
	// Add one of these.
	// Preferably into the same commit where you do a large merge.
	//
	// This started as a tweet with a joke of "C++ pro-tip: #define private public",
	// and then it quickly escalated into more and more evil suggestions.
	// I've tried to capture interesting suggestions here.
	//
	// Contributors: @r2d2rigo, @joeldevahl, @msinilo, @_Humus_,
	// @YuriyODonnell, @rygorous, @cmuratori, @mike_acton, @grumpygiant,