Lydia soulreverie

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

jquery.scrollLock.js

Useful for when a blocking user experience is needed (in my case, didn't want people unwittingly loosing their place by scrolling while a modal required their attention): $.scrollLock() locks the body in place, preventing scroll until it is unlocked.

// Locks the page if it's currently unlocked
$.scrollLock();

// ...or vice versa

	// improved drags function, replace it in your code
	function drags(dragElement, resizeElement, container, labelContainer, labelResizeElement) {
	var $ = jQuery;

	dragElement.on('mousedown vmousedown', function (e) {
	dragElement.addClass('cd-draggable');
	resizeElement.addClass('cd-resizable');

	var dragWidth = dragElement.outerWidth(),
	xPosition = dragElement.offset().left + dragWidth - e.pageX,

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- The above 3 meta tags must come first in the head; any other head content must come after these tags -->
	<title>Site Title</title>

	<link rel="stylesheet" href="/assets/css/style.min.css">

	// Native selectors.
	(function(window, document) {
	'use strict';

	var noop = function() {
	};

	// DOCUMENT LOAD EVENTS
	// not needed at the bottom of the page
	document.addEventListener('DOMContentLoaded', noop);

	#!/bin/bash

	# This script assumes you have ssh access to a remote server
	# Both databases are backed up to sql files in the same directory
	# this script is executed from.
	# Usage:
	# 1. Make sure this file is executable with `chmod +x mysqlsync`
	# 2. Set the credentials for the variables at the top
	# (Remember, no spaces around the '=' sign)
	# 3. Run it from a directory where you'd like the backup files to go:

	/**
	* VH and VW units can cause issues on iOS devices: http://caniuse.com/#feat=viewport-units
	*
	* To overcome this, create media queries that target the width, height, and orientation of iOS devices.
	* It isn't optimal, but there is really no other way to solve the problem. In this example, I am fixing
	* the height of element `.foo` —which is a full width and height cover image.
	*
	* iOS Resolution Quick Reference: http://www.iosres.com/
	*/

	<?php

	/*

	One wp-config for local development to staging to production.

	*/

	// Define Environments
	$environments = array(

	/*! Prefix flex for IE10 and Safari / iOS in LESS
	* https://gist.github.com/codler/2148ba4ff096a19f08ea
	* Copyright (c) 2014 Han Lin Yap http://yap.nu; MIT license */

	.display(@value) when (@value = flex) {
	display: -ms-flexbox; // IE10
	display: -webkit-flex; // Safari / iOS
	}

	.display(@value) when (@value = inline-flex) {

	<?php
	/*
	* Plugin Name: Paulund WP List Table Example
	* Description: An example of how to use the WP_List_Table class to display data in your WordPress Admin area
	* Plugin URI: http://www.paulund.co.uk
	* Author: Paul Underwood
	* Author URI: http://www.paulund.co.uk
	* Version: 1.0
	* License: GPL2
	*/