Daniel danieltroger

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

Introduction

This is about documenting getting Linux running on the late 2016 and mid 2017 MPB's; the focus is mostly on the MacBookPro13,3 and MacBookPro14,3 (15inch models), but I try to make it relevant and provide information for MacBookPro13,1, MacBookPro13,2, MacBookPro14,1, and MacBookPro14,2 (13inch models) too. I'm currently using Fedora 27, but most the things should be valid for other recent distros even if the details differ. The kernel version is 4.14.x (after latest update).

The state of linux on the MBP (with particular focus on MacBookPro13,2) is also being tracked on https://github.com/Dunedan/mbp-2016-linux . And for Ubuntu users there are a couple tutorials (here and here) focused on that distro and the MacBook.

Note: For those who have followed these instructions ealier, and in particular for those who have had problems with the custom DSDT, modifying the DSDT is not necessary anymore - se

Does event delegation actually improve performance?

Event delegation works by attaching a single event listener to a parent element to catch events bubbling up from the children. Many people believe this is more performant than attaching event listeners to each child. I am not convinced this is always true.

Let's start with a common example of event delegation. Here we have a list of elements:

<ul id="item-list">
  <li data-cost="12">Item 1</li>
  <li data-cost="18">Item 2</li>
  <li data-cost="6">Item 3</li>
 ...

How to mount a GCP compute instance filesystem locally using `sshfs`

This guide assumes that:

you already have an instance set up on GCP that you want to mount locally
the GCP CLI (gcloud) is installed on your local machine
you have authenticated locally to your google account gcloud auth login

make sure your gcloud config is correct for the instance you're trying to access:

-<!DOCTYPE html>
-<html>
-<head>
-  <title>Remove rubberband scrolling from web apps on mobile safari (iOS)</title>
-  <meta name="apple-mobile-web-app-capable" content="yes">
-  <meta name="apple-touch-fullscreen" content="yes">
-  <meta id="extViewportMeta" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
-  <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
-  <style>
-    html, body {margin: 0; padding: 0; overflow: hidden}

	#!/bin/bash
	# ---------------------------------------------------------------------------
	# Ubuntu Phone - Sync Owncloud Contacts & Calendar Account
	# Carddav & Caldav.

	# Tested on : Ubuntu-touch vivid - ubuntu-touch/rc-proposed/bq-aquaris.en/vegetahd/
	# Last edit : 2015/10/07.
	# Author : Romain Fluttaz, boTux.fr, <[email protected]>

	# ============= [ Configuration ] ============= #

	#!/usr/bin/swift

	// DISCLAIMER

	// This script modifies an unencrypted file associated with the trial version of Final Cut Pro.
	// Under the DMCA (17 U.S.C. § 1201), this modification does not qualify as circumvention of a technological
	// protection measure (TPM), as it does not involve bypassing encryption, authentication, or similar protections.
	// Distributing this code is therefore legal under the DMCA.

	// This script is intended for educational and research purposes, such as exploring trial-related file structures,

	/*
	To support dynamic type in iOS, we need to set Apple's
	system font and then define font-families and rem-based
	font-sizes on descendant elements:
	*/
	@supports (font: -apple-system-body) {
	html {
	font: -apple-system-body;
	}
	}

	#!/bin/bash
	#!/bin/zsh
	# by joevt May 24/2023

	#=========================================================================================

	edid_decode=edid-decode

	#=========================================================================================
	# Modify EDID

	/*
	-------------------------------------------------
	Here's the progress to date:
	- Night mode UI is showing night mode controls
	- Night mode triggers in low light automatically
	- Core functionality of AVFoundation and Celestial does recognize Night mode
	- All the logic is already implemented for XS and 11 (they even share the same ipsw for 13.3)
	- iPhone X support could be significantly harder to get, plus I don't have it to test anyways

	Here's what's not working: