Yukai Huang Yukaii

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

Credits

All credit to @sahrens for sharing fb's internal implementation.

Setup

clone rocksdb from https://github.com/facebook/rocksdb.
edit MakeFile inside rocksdb. Search for Platform-specific compilation around line 1122. Make th next few lines to look like this:

ifeq ($(PLATFORM), IOS)
# For iOS, create universal object files to be used on both the simulator and

	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(
	'',
	'',
	'', {