Jim Montgomery jimmont

Let's Encrypt

Examples of getting certificates from Let's Encrypt working on Apache, NGINX and Node.js servers.

Obtain certificates

I chose to use the manual method, you have to make a file available to verify you own the domain. Follow the commands from running

git clone https://github.com/letsencrypt/letsencrypt
cd letsencrypt

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

Alternatives to the "Atlassian Stack"

Fuller stack alternatives (replaces at least two of the Atlassian stack)

How FeaturesAt Works in MapboxGL JS

I'm going through the code execution of featuresAt in Mapbox GL JS. This is to take notes and understand how all of this works.

featuresat.html

Initiating the feature search based on the example on Mapbox GL API Docs...

map.on('click', function(e) {


	<!--
	This demo shows two ways to detect changes to a DOM node `.textContent`, one
	using a `MutationObserver` and the other using an ES2015 `Proxy`.

	From testing, a `Proxy` appears to be 6-8x faster than using a MO in Chrome 50.

	Update: removing the `Proxy` altogether speeds up the MO to be inline with the Proxy.
	This has something to do with how the browser queues/prioritizes Proxies over MO.

	'use strict';

	const VALUE = Symbol.for('value')

	function addComputedProperty(obj, name, func) {
	let _computed = func(obj)

	return new Proxy(obj, {
	get(target, key, receiver) {
	if (key === name) {

	// An `Object.observe()` "polyfill" using ES6 Proxies.
	//
	// Current `Object.observe()` polyfills [1] rely on polling
	// to watch for property changes. Proxies can do one better by
	// observing property changes to an object without the need for
	// polling.
	//
	// Known limitations of this technique:
	// 1. the call signature of `Object.observe()` will return the proxy
	// object. The original object needs to be overwritten with this return value.

	var peek = module.exports = function (fn) {
	var peeked = false;
	return through(function write(data) {
	this.emit('data', data);
	if (peeked) {
	return;
	}
	peeked = true;
	var stream = this;
	var cont = function (end) {

	var Bar1 = base => class extends base {
	componentWillMount(){
	super.componentWillMount();
	console.log('Bar1');
	}
	};

	var Bar2 = base => class extends base {
	componentWillMount(){
	super.componentWillMount();

	/* https://medium.com/@mwichary/system-shock-6b1dc6d6596f#.pth6mnqx0 */
	font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Oxygen", "Ubuntu", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;