matori

Currently considering https://github.com/webdriverio/webdrivercss

Core Goals:

Can test in up-to-date versions of all major browsers
Can test on up-to-date versions of all major OSes
Can test in IE9 (because Bootstrap v4 will support IE9+)
Don't want to have to setup/maintain our own cluster of VMs running all the necessary OSes (and all the versions of Windows)
Workflow for management of reference/baseline/norm screenshots

Cross-browser implementation of navigator.msLaunchUri

Microsoft’s navigator.msLaunchUri method only works in Internet Explorer on Windows 8. Therefore I came up with a (nearly) cross-browser implementation that uses the native msLaunchUri when it’s available and falls back to adventurous hacks when running in other browsers.

Description

launchUri (uri, successCallback, noHandlerCallback, unknownCallback)

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

	var list = [
	"部屋を掃除しろ！",
	"部屋を片付けろ！",
	"資料を整理しろ！",
	"タスクを整理しろ！",
	"メモを整理しろ！",
	"「あとで読む」でも読んどけ！",

	"風呂でも入っとけ！",

	// ----
	// Sass (v3.2.10)
	// Compass (v0.13.alpha.4)
	// ----

	// http://blog.livedoor.jp/dankogai/archives/51518565.html
	// https://github.com/terkel/mathsass

	$LN2: 0.6931471805599453;
	$SQRT2: 1.4142135623730951;

	'use strict';

	const browserSync = require( 'browser-sync' ).create();

	const gulp = require( 'gulp' );
	const gulpif = require( 'gulp-if' );
	const rename = require( 'gulp-rename' );
	const uglify = require( 'gulp-uglify' );

	const webpack = require( 'webpack' );

	<div class="warning">
	<p>A Warning Message.</p>
	</div>