Kim Chen ohmyhusky

README

Create a template service file at /etc/systemd/system/[email protected]. The template parameter will correspond to the name of target host:

[Unit]
Description=Setup a secure tunnel to %I
After=network.target

Update May 2017

Eric Bidelman has documented some of the common workflows possible with headless Chrome over in https://developers.google.com/web/updates/2017/04/headless-chrome.

Update

If you're looking at this in 2016 and beyond, I strongly recommend investigating real headless Chrome: https://chromium.googlesource.com/chromium/src/+/lkgr/headless/README.md

Windows and Mac users might find using Justin Ribeiro's Docker setup useful here while full support for these platforms is being worked out.

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

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

What is React Fiber? And how can I try it out today?

what?

React Fiber is an ongoing reimplementation of React's core algorithm. It is the culmination of over two years of research by the React team.

	import React from 'react'
	import { withRouter, Link } from 'react-router-dom'
	import { graphql, compose } from 'react-apollo'
	import { Formik } from 'formik'
	import Yup from 'yup'

	import FormWideError from '../elements/form/FormWideError'
	import TextInput from '../elements/form/TextInput'
	import Button from '../elements/form/Button'
	import { H2 } from '../elements/text/Headings'

	tell application "Notes"
	set theNotes to every note of the folder "Notes"
	repeat with thisNote in theNotes
	set myTitle to the name of thisNote
	set myText to the body of thisNote
	set myCreateDate to the creation date of thisNote
	set myUpdateDate to the modification date of thisNote
	tell application "Evernote"
	set theTransferredNote to create note with html myText ¬
	title myTitle ¬

	#!/bin/bash

	# References
	# http://www.computerhope.com/unix/nc.htm#03
	# https://github.com/daniloegea/netcat
	# http://unix.stackexchange.com/questions/26715/how-can-i-communicate-with-a-unix-domain-socket-via-the-shell-on-debian-squeeze
	# http://unix.stackexchange.com/questions/33924/write-inside-a-socket-open-by-another-process-in-linux/33982#33982
	# http://www.linuxjournal.com/content/more-using-bashs-built-devtcp-file-tcpip
	# http://www.dest-unreach.org/socat/
	# http://stuff.mit.edu/afs/sipb/machine/penguin-lust/src/socat-1.7.1.2/EXAMPLES

	configureDragDrop(registerType) {
	var imageThreshold = Math.max(120, window.innerHeight / 4),
	sectionThreshold = Math.max(140, window.innerHeight / 4),
	currentDY = 0,
	frame;

	function makeScrollingHandler(threshold) {
	function getScrollDY(clientY) {
	var speed;
	if (clientY < threshold) {

	1. Build GraphQL server using `express-graphql` package.
	2. Configure `schema.js` file.
	3. Query for data.