Aleksey Gurtovoy agurtovoy

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

(NOTE: Current and future versions of this and any other Advantage 2-related things I post will be at https://github.com/nicholasknight/adv2keyboard)

I received my Advantage 2 today. There's no full manual yet, even though keyboards are apparently arriving (hint, hint, Kinesis). The quick start guide leaves out the "power user mode", and there are some other quirks.

Update: A manual has been posted at http://www.kinesis-ergo.com/advantage2-resources/

It includes a dictionary for the key maps, but I know it leaves at least one possible key undocumented: it does not list f14, but I have successfully mapped my scrollock to f14 regardless.

It also mentions a firmware version (1.0.18) that doesn't seem to be available yet, with a new feature (status report playback speed).

Import an Existing Git Repository into Another

Before: Folder Structure (Two Separate Repositories)

XXX
 |- .git
 |- (project files)
YYY
 |- .git

How we incorporate next and cloudfront (2018-04-21)

Feel free to contact me at [email protected] or tweet at me @statisticsftw

This is a rough outline of how we utilize next.js and S3/Cloudfront. Hope it helps!

It assumes some knowledge of AWS.

Goals

My team found it rather hard to determine which stage to use – or whether it would be easier to stay with a certain stage and enable some features specifically.

So I ended up with a table of postcss-cssnext features, their postcss-preset-env counterparts (where I knew the option name) and the stage for each feature.

postcss-cssnext features are from the feature documentation page
Deprecation infos are from the blogpost by @MoOx
Stages are from the postcss-preset-env feature documentation page
Option names are from @jonathantneal's comment

Here you go:

Sublime Text Home/End keys default functionality jumps to the beginning and end of the file.

Fix Home and End keys to move the cursor to the beginning and end of lines.

Preferences > Key Bindings - User

Adding the following to the array:

{ "keys": ["home"], "command": "move_to", "args": {"to": "bol"} },
{ "keys": ["end"], "command": "move_to", "args": {"to": "eol"} },

	{ fontWeight: '100' }, // Thin
	{ fontWeight: '200' }, // Ultra Light
	{ fontWeight: '300' }, // Light
	{ fontWeight: '400' }, // Regular
	{ fontWeight: '500' }, // Medium
	{ fontWeight: '600' }, // Semibold
	{ fontWeight: '700' }, // Bold
	{ fontWeight: '800' }, // Heavy
	{ fontWeight: '900' }, // Black

	// The point of this prototype is to prove that we can generate efficient code
	// for single-element insertion and deletion on a statically-sized array, with
	// stable types for the end products i.e.,
	//
	// type(of: a.removing(at: i).inserting(x, at: j)) == type(of: a)
	//
	// and
	//
	// type(of: a.inserting(x, at: j).removing(at: i)) == type(of: a)

	import Foundation

	enum BetterDecodingError: CustomStringConvertible {

	case dataCorrupted(_ message: String)
	case keyNotFound(_ message: String)
	case typeMismatch(_ message: String)
	case valueNotFound(_ message: String)
	case any(_ error: Error)