image72 image72

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

Option 1: Command-line download extension as zip and extract

extension_id=jifpbeccnghkjeaalbbjmodiffmgedin   # change this ID
curl -L -o "$extension_id.zip" "https://clients2.google.com/service/update2/crx?response=redirect&os=mac&arch=x86-64&nacl_arch=x86-64&prod=chromecrx&prodchannel=stable&prodversion=44.0.2403.130&x=id%3D$extension_id%26uc" 
unzip -d "$extension_id-source" "$extension_id.zip"

Thx to crxviewer for the magic download URL.

ffmpeg

Converting Audio into Different Formats / Sample Rates

Minimal example: transcode from MP3 to WMA:
ffmpeg -i input.mp3 output.wma

You can get the list of supported formats with:
ffmpeg -formats

You can get the list of installed codecs with:

Hi Nicholas,

I saw you tweet about JSX yesterday. It seemed like the discussion devolved pretty quickly but I wanted to share our experience over the last year. I understand your concerns. I've made similar remarks about JSX. When we started using it Planning Center, I led the charge to write React without it. I don't imagine I'd have much to say that you haven't considered but, if it's helpful, here's a pattern that changed my opinion:

The idea that "React is the V in MVC" is disingenuous. It's a good pitch but, for many of us, it feels like in invitation to repeat our history of coupled views. In practice, React is the V and the C. Dan Abramov describes the division as Smart and Dumb Components. At our office, we call them stateless and container components (view-controllers if we're Flux). The idea is pretty simple: components can't

Most VPN Services are Terrible

Short version: I strongly do not recommend using any of these providers. You are, of course, free to use whatever you like. My TL;DR advice: Roll your own and use Algo or Streisand. For messaging & voice, use Signal. For increased anonymity, use Tor for desktop (though recognize that doing so may actually put you at greater risk), and Onion Browser for mobile.

This mini-rant came on the heels of an interesting twitter discussion: https://twitter.com/kennwhite/status/591074055018582016

	'use strict';
	var profiler = require('v8-profiler');
	profiler.startProfiling();

	// ...

	var cpuProfile = profiler.stopProfiling();
	require('fs').writeFileSync(__dirname + '/foo.cpuprofile', JSON.stringify(cpuProfile));

	export class HttpClient {
	constructor(defaults) {
	this.defaults = defaults;
	this.interceptors = [];
	this.activeRequestCount = 0;
	this.isRequesting = false;
	}

	addInterceptor(interceptor) {
	this.interceptors.push(interceptor);

	/**
	* Changes XML to JSON
	* Modified version from here: http://davidwalsh.name/convert-xml-json
	* @param {string} xml XML DOM tree
	*/
	function xmlToJson(xml) {
	// Create the return object
	var obj = {};

	if (xml.nodeType == 1) {

	var catHeight = 150 // 150
	var catOffset = 200

	ctx.fillStyle = '#002E68'
	ctx.fillRect(0, 0, ctx.canvas.width, ctx.canvas.height)

	// rainbow

	var rainbowColors = [
	'#FF0000',