Tom Duncalf tomduncalf

Some links to point people to when they misinterpret PATENTS clause or spread false claims.

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

#Techniques for Anti-Aliasing @font-face on Windows

It all started with an email from a client: Do these fonts look funky to you? The title is prickly.

The font in question was Port Lligat Sans from Google Web Fonts.

The "prickly" is aliasing caused by lack of hinting

	// This sample is a Work in Progress for JSI , and specific functions may change.

	#pragma once

	#include <string>
	#include <unordered_map>

	#include <jsi/jsi.h>

	// This SameplJSIObject needs to inheric from HostObject, and this is the object that will be exposed to JS.

	class Store {

	/**********************************
	* BASE VALUES
	**********************************/

	@observable bpm = 120;
	@observable playing = false;

	/**********************************

	function foo({ text, user: { screen_name: screenName }}) {
	console.log('text', text);
	console.log('name', screenName);
	}

	foo({
	text: 'hello world',
	user: { screen_name: 'Jack' },
	});