Billy Hill BillyHilly

Installation

1)

brew install nginx
sudo cp /usr/local/Cellar/nginx/1.8.0/homebrew.mxcl.nginx.plist /Library/LaunchAgents

2)

Replace /usr/local/etc/nginx/nginx.conf with the nginx.conf in this gist. I'm using port 5000 for my current project. Obviously, change server_name as well, and probably the name of its access log.

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

Warning: Due to Homebrew/php tap being deprecated at the end of March 2018, and the moving of all PHP formulas to Homebrew/core, the installation of PHP versions we currently use is going to change. Currently PHP 7.2 is available in the core, but we are waiting on previous versions to be made available and will update this guide as soon as we can. Thanks!

Part 1: macOS 10.13 High Sierra Web Development Environment

Note: This is an updated version of our prior OS X development series. The newly released macOS 10.13 High Sierra and the accompanying updates to Brew require significant changes compared to prior releases, necessitating a thorough revamp in the process. Since 10.12 we now use Homebrew's Apache, rather than the built-in version, but this new appraoch is more flexible and should continue to work on prior OS X versions.

Developing web applications on macOS is a real joy. There are plenty of options for setting up your develop

	<?php

	if (PHP_SAPI != 'cli') {
	header('Status: 403 Forbidden');
	header('HTTP/1.1 403 Forbidden', true, 403);
	exit();
	}


	$_SERVER['REMOTE_ADDR'] = '127.0.0.1';

	// Implementation in ES6
	function pagination(c, m) {
	var current = c,
	last = m,
	delta = 2,
	left = current - delta,
	right = current + delta + 1,
	range = [],
	rangeWithDots = [],
	l;

	" Make IE Better Compatible "

	<!--[if IE]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	======================================================
	IE6 Only
	==================
	_selector {...}

	#!/usr/bin/env python
	"""
	Warm the caches of your website by crawling each page defined in sitemap.xml.
	To use, download this file and make it executable. Then run:
	./cache-warmer.py --threads 4 --file /data/web/public/sitemap.xml -v
	"""
	import argparse
	import multiprocessing.pool as mpool
	import os.path
	import re

	#!/usr/bin/env bash
	# https://developers.supportbee.com/blog/setting-up-cucumber-to-run-with-Chrome-on-Linux/
	# https://gist.github.com/curtismcmullan/7be1a8c1c841a9d8db2c
	# https://stackoverflow.com/questions/10792403/how-do-i-get-chrome-working-with-selenium-using-php-webdriver
	# https://stackoverflow.com/questions/26133486/how-to-specify-binary-path-for-remote-chromedriver-in-codeception
	# https://stackoverflow.com/questions/40262682/how-to-run-selenium-3-x-with-chrome-driver-through-terminal
	# https://askubuntu.com/questions/760085/how-do-you-install-google-chrome-on-ubuntu-16-04

	# Versions
	CHROME_DRIVER_VERSION=`curl -sS https://chromedriver.storage.googleapis.com/LATEST_RELEASE`

	// why do this? clip-path accepts a `url` reference to an svg element, right?
	// the difference is that anything defined as a `basic-shape` can be animated:
	// https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path

	const input = `121.151,20.761 170.165,55.885 200.872,3.816 231.145,55.884 280.592,20.762 286.854,80.687 346.526,68.666
	327.657,126.005 387.276,139.247 346.502,184 395.796,220.302 340.127,244.647 370.611,297.814 309.636,297.457 316.076,358.381
	260.303,333.3 241.622,391.529 200.655,345.979 160.121,391.53 141.008,333.302 85.666,358.381 91.673,297.456 31.131,297.813
	61.183,244.647 5.947,220.302 54.81,184 14.466,139.248 73.652,126.004 55.216,68.667 114.457,80.688 `

	const viewBoxScale = 4

	/*
	* Replacing SVG strings in data-uri style situations
	* by Jakob Erikson -- https://github.com/jakob-e
	*
	* http://codepen.io/jakob-e/pen/doMoML
	*/

	// Function to replace characters in a string
	@function str-replace($string, $search, $replace: '') {
	$index: str-index($string, $search);