Yukai Huang Yukaii

FWIW: I (@rondy) am not the creator of the content shared here, which is an excerpt from Edmond Lau's book. I simply copied and pasted it from another location and saved it as a personal note, before it gained popularity on news.ycombinator.com. Unfortunately, I cannot recall the exact origin of the original source, nor was I able to find the author's name, so I am can't provide the appropriate credits.

Effective Engineer - Notes

By Edmond Lau
Highly Recommended 👍
http://www.theeffectiveengineer.com/

What's an Effective Engineer?

This document has moved!

It's now here, in The Programmer's Compendium. The content is the same as before, but being part of the compendium means that it's actively maintained.

Notes on selection events in mobile browsers (April 2016)

Notes on events that are fired during text selection in current desktop and mobile browsers.

Testing steps:

Serve test.html from local dev server and open on device
Make an initial selection via long-press on the text, observing reported events
Modify the selection using drag handles and observe reported events

GitHub Markdown Theme for Visual Studio Code

This CSS stylesheet allows you to preview markdown files in VSCode using GitHub's mardown theme. This CSS was taken directly from the official GitHub Markdown repo. I replaced their top-level .markdown-body class with the body tag so it would work in VSCode, and added styling for the html tag to match GitHub's fixed-width container.

Instructions

Copy the CSS file to your computer
Copy the github-markdown.css file below to your computer. You can put it anywhere you want, but I chose to put it in the same folder as my VSCode settings file.
Edit your VSCode settings
If you want to use this theme for all of your projects, then edit your User Settings file. If you just want to use this them

	var path = require('path'),
	fs = require('fs'),
	libCoverage = require('nyc/node_modules/istanbul-lib-coverage'),
	libReport = require('nyc/node_modules/istanbul-lib-report'),
	reports = require('nyc/node_modules/istanbul-reports');

	var rootFolder = __dirname;
	var mergeIntoFolder = 'final';
	var files = fs.readdirSync(rootFolder);
	var mergedCoverageMap = null;

	import tarfile
	import time
	from io import BytesIO

	admin_password = 'xxxxx'

	#write password to file
	pw_tarstream = BytesIO()
	pw_tar = tarfile.TarFile(fileobj=pw_tarstream, mode='w')
	file_data = admin_password.encode('utf8')

	<html>
	<body>
	<script>
	/**
	* This array diff algorithm is useful when one wants to detect small changes
	* (like consecutive insertions or consecutive deletions) several times
	* in short time intervals. Alternative algorithms like LCS woud be too expensive
	* when running it too many times.
	*/

	// Webpack config for development
	var fs = require( 'fs' )
	var path = require( 'path' )
	var webpack = require( 'webpack' )
	var WebpackIsomorphicTools = require( 'webpack-isomorphic-tools' )
	var HappyPack = require( 'happypack' )


	var assetsPath = path.resolve( __dirname, '../static/dist' )
	var host = process.env.HOST \|\| 'localhost'

	$script:bg = [Console]::BackgroundColor;
	$script:first = $true;
	$script:last = 0;

	function Write-PromptFancyEnd {
	Write-Host  -NoNewline -ForegroundColor $script:bg

	$script:bg = [System.ConsoleColor]::Black
	}

	import * as models from "models";
	import Sequelize from "sequelize";
	import fs from "fs";

	delete models.default;

	const sequelize = new Sequelize(
	'',
	'',
	'', {