Adam Gamble gamb

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

	location /resize {
	alias /tmp/nginx/resize;
	set $width 150;
	set $height 100;
	set $dimens "";

	if ($uri ~* "^/resize_(\d+)x(\d+)/(.*)" ) {
	set $width $1;
	set $height $2;
	set $image_path $3;

	# LICENSE: public domain

	def calculate_initial_compass_bearing(pointA, pointB):
	"""
	Calculates the bearing between two points.

	The formulae used is the following:
	θ = atan2(sin(Δlong).cos(lat2),
	cos(lat1).sin(lat2) − sin(lat1).cos(lat2).cos(Δlong))

	'''Provides utility functions for encoding and decoding linestrings using the
	Google encoded polyline algorithm.
	'''

	def encode_coords(coords):
	'''Encodes a polyline using Google's polyline algorithm

	See http://code.google.com/apis/maps/documentation/polylinealgorithm.html
	for more information.

	#!/usr/bin/env python
	#

	# import modules used here -- sys is a very standard one
	import sys, argparse, logging

	# Gather our code in a main() function
	def main(args, loglevel):
	logging.basicConfig(format="%(levelname)s: %(message)s", level=loglevel)

	-- http://stackoverflow.com/questions/1124603/grouped-limit-in-postgresql-show-the-first-n-rows-for-each-group
	-- http://www.postgresql.jp/document/9.2/html/tutorial-window.html

	CREATE TABLE empsalary (
	depname varchar(10) not null
	, empno integer not null
	, salary integer not null
	);

	INSERT INTO empsalary (depname, empno, salary) VALUES ('develop', 11, 5200);

	#!/usr/bin/env bash

	# This script prints out all of your Redis keys and their size in a human readable format
	# Copyright 2013 Brent O'Connor
	# License: http://www.apache.org/licenses/LICENSE-2.0

	human_size() {
	awk -v sum="$1" ' BEGIN {hum[1024^3]="Gb"; hum[1024^2]="Mb"; hum[1024]="Kb"; for (x=1024^3; x>=1024; x/=1024) { if (sum>=x) { printf "%.2f %s\n",sum/x,hum[x]; break; } } if (sum<1024) print "1kb"; } '
	}

	# Save this file as lib/capistrano/tasks/git.cap

	namespace :git do
	desc 'Copy repo to releases'
	task create_release: :'git:update' do
	on roles(:all) do
	with fetch(:git_environmental_variables) do
	within repo_path do
	execute :git, :clone, '-b', fetch(:branch), '--recursive', '.', release_path
	end

	/*****************************************
	/* DOM touch support module
	/*****************************************/
	if (!window.CustomEvent) {
	window.CustomEvent = function (event, params) {
	params = params \|\| { bubbles: false, cancelable: false, detail: undefined };
	var evt = document.createEvent('CustomEvent');
	evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
	return evt;
	};

	// utilizes the browser eventsystem
	// usefull in cases where you need communication between independent components
	// registered events are automatically removed onunload with preserving any other onunload handler
	var eventsMixin = function(target) {

	var _subscriptions = [];

	target.broadcast = function(type, payload) {
	var ev = new CustomEvent(type, {
	detail: payload,