Anselm Hannemann anselmh

WPDS Düsseldorf – HTML / SVG Group

Tracking

We’re tracking our efforts in this Google Doc.

Who does this belong to?

Chat to Anselm

Headline

Headline 2n level

This is a test markdown file with a link and some strong and italic text.

Keybase proof

I hereby claim:

I am anselmh on github.
I am anselm (https://keybase.io/anselm) on keybase.
I have a public key whose fingerprint is F691 9E8A 88F0 4543 BC79 BF5B D1A2 F21F 1BE7 4300

To claim this, I am signing this object:

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()

	/*
	* Clearfix for modern browsers
	* 1. The space content is one way to avoid an Opera bug when the
	* `contenteditable` attribute is included anywhere else in the document.
	* Otherwise it causes space to appear at the top and bottom of elements
	* that receive the `clearfix` class.
	* 2. The use of `table` rather than `block` is only necessary if using
	* `:before` to contain the top-margins of child elements.
	*/

	// ----
	// Sass (v3.3.14)
	// Compass (v1.0.0)
	// ----

	$map:
	('a', 'b');

	.class {
	content: $map;

	// ----
	// Sass (v3.3.14)
	// Compass (v1.0.0)
	// ----

	$map:
	('a', 'b');

	// Expected output: ('a', 'b')
	// Actual output: "a", "b"

	<div class="selector">
	Hello World. Should be black

	<p class="test">
	This should be black.
	</p>

	</div>

	<div class="selector test">

	{
	"devDependencies": {
	"del": "^1.2.0",
	"recursive-copy": "^1.0.10"
	},
	"scripts": {
	"copy": "node task.copy.js",
	}
	}


	<!-- Telephone number detection on iOS -->

	<meta name="format-detection" content="telephone=yes"> (default on Safari in iOS)
	<meta name="format-detection" content="telephone=no">