Dan Lemon dan2k3k4

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

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.

	/*
	This script attempts to identify all CSS classes mentioned in HTML but not defined in the stylesheets.

	In order to use it, just run it in the DevTools console (or add it to DevTools Snippets and run it from there).

	Note that this script requires browser to support `fetch` and some ES6 features (fat arrow, Promises, Array.from, Set). You can transpile it to ES5 here: https://babeljs.io/repl/ .

	Known limitations:
	- it won't be able to take into account some external stylesheets (if CORS isn't set up)
	- it will produce false negatives for classes that are mentioned in the comments.

	@echo off
	echo Uninstalling KB3075249 (telemetry for Win7/8.1)
	start /w wusa.exe /uninstall /kb:3075249 /quiet /norestart
	echo Uninstalling KB3080149 (telemetry for Win7/8.1)
	start /w wusa.exe /uninstall /kb:3080149 /quiet /norestart
	echo Uninstalling KB3021917 (telemetry for Win7)
	start /w wusa.exe /uninstall /kb:3021917 /quiet /norestart
	echo Uninstalling KB3022345 (telemetry)
	start /w wusa.exe /uninstall /kb:3022345 /quiet /norestart
	echo Uninstalling KB3068708 (telemetry)

	var gulp = require('gulp');
	var sass = require('gulp-sass');
	var autoprefixer = require('gulp-autoprefixer');
	var minify = require('gulp-minify-css');
	var uglify = require('gulp-uglify');
	var concat = require('gulp-concat');
	var plumber = require('gulp-plumber');
	var browserSync = require('browser-sync');
	var reload = browserSync.reload;

	#!/bin/bash
	#
	# Creates a signed and zipaligned APK from your Ionic project
	#
	# Place your keystore in the root of your project and name it <company>.keystore
	# Use this script as following :
	# $ ./release.sh [company] [version]
	#
	# Don't forget to gitignore your key and your compiled apks.
	#

	import { Component } from "React";

	export var Enhance = ComposedComponent => class extends Component {
	constructor() {
	this.state = { data: null };
	}
	componentDidMount() {
	this.setState({ data: 'Hello' });
	}
	render() {

	"""
	This creates the following GIF, where the text appears to be "embedded"
	in the video and "disappears" behind rapunzel.

	http://i.imgur.com/gxEHfLX.gif
	"""

	from moviepy.editor import *
	import numpy as np
	import skimage.morphology as skm

	[
	"Automotive",
	"Budgeting",
	"HVAC",
	"Heaters",
	"Hydraulics",
	"Logistics Management",
	"Management",
	"Negotiation",
	"Project Planning",

	/**
	* Retrieves all the rows in the active spreadsheet that contain data and logs the
	* values for each row.
	* For more information on using the Spreadsheet API, see
	* https://developers.google.com/apps-script/service_spreadsheet
	*/
	function readRows() {
	var sheet = SpreadsheetApp.getActiveSheet();
	var rows = sheet.getDataRange();
	var numRows = rows.getNumRows();