Didier Mahaux dmao

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.

Element

Box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
elem.clientLeft, elem.clientTop, elem.clientWidth, elem.clientHeight
elem.getClientRects(), elem.getBoundingClientRect()

	<script type="text/javascript">

	var _gaq = _gaq \|\| [];
	_gaq.push(['_setAccount', 'UA-XXXXX-X']);
	_gaq.push(['_trackPageview']);

	(function() {
	var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);

	## use the Mamp version of php
	export PATH=/Applications/MAMP/bin/php/php5.4.4/bin:$PATH

	## Alias
	alias compass-prod='compass compile --output-style compressed --force'
	alias ..='cd ..'
	alias l="ls -al"
	alias ?='pwd'
	alias web='cd /Applications/MAMP/htdocs'

	h1 {
	-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga", "dlig";
	-webkit-font-feature-settings: "liga", "dlig";
	-o-font-feature-settings: "liga", "dlig";
	font-feature-settings: "liga", "dlig";
	}

	// http://www.456bereastreet.com/archive/201306/how_to_proportionally_scale_images_that_have_dimension_attributes/
	img {
	width:auto; // for IE8
	max-width:100%;
	height:auto;
	}

	$(document).ready(function() {

	// Support for AJAX loaded modal window.
	// Focuses on first input textbox after it loads the window.
	$('[data-toggle="modal"]').click(function(e) {
	e.preventDefault();
	var url = $(this).attr('href');
	if (url.indexOf('#') == 0) {
	$(url).modal('open');
	} else {

	p{
	margin-bottom:20px;
	}
	p+p{
	text-indent:2em;
	margin-top:-20px;
	}

	.complement {
	background-color: complement($bf-orange);
	}

	sudo chown -R _www wordpress
	sudo chmod -R g+w wordpress