Cezar Augusto cezaraugusto

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.

Element

Box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
elem.clientLeft, elem.clientTop, elem.clientWidth, elem.clientHeight
elem.getClientRects(), elem.getBoundingClientRect()

Keybase proof

I hereby claim:

I am cezaraugusto on github.
I am cezaraugusto (https://keybase.io/cezaraugusto) on keybase.
I have a public key whose fingerprint is 684F C83A 5EDD 5FD2 3741 A4D0 6104 DCBB 0892 716B

To claim this, I am signing this object:

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.

	#!/bin/bash

	# https://developer.chrome.com/docs/extensions/mv3/external_extensions/#preferences

	install_chrome_extension() {
	chrome_extensions_folder="/Library/Application Support/Google/Chrome/External Extensions"
	chrome_extensions_preferences_file="$chrome_extensions_folder/$1.json"
	# This URL is used by Chrome to check for updates to external extensions
	update_services_url="https://clients2.google.com/service/update2/crx"

	[52100:775:1126/182106.918056:WARNING:ca_layer_tree_coordinator.mm(55)] Blank frame: No overlays or CALayers
	[52106:85763:1126/182111.970259:ERROR:batching_media_log.cc(26)] MediaEvent: MEDIA_ERROR_LOG_ENTRY {"error":"Could not parse slice header"}
	[52106:85763:1126/182111.970929:ERROR:batching_media_log.cc(26)] MediaEvent: MEDIA_ERROR_LOG_ENTRY {"error":"VDA Error 3"}
	[52106:85763:1126/182111.971157:ERROR:batching_media_log.cc(26)] MediaEvent: MEDIA_ERROR_LOG_ENTRY {"error":"video decode error"}
	[52106:775:1126/182112.019032:ERROR:batching_media_log.cc(26)] MediaEvent: PIPELINE_ERROR PIPELINE_ERROR_DECODE
	[52106:85763:1126/182115.427723:ERROR:ffmpeg_decoding_loop.cc(28)] Failed to send packet for decoding: -1094995529
	[52106:85763:1126/182115.427854:ERROR:batching_media_log.cc(26)] MediaEvent: MEDIA_ERROR_LOG_ENTRY {"error":"Failed to send audio packet for decoding: timestamp=3900952 duration=23220 size=375 side_data_size=0 is_key_frame=1 encrypted=0 discard_padding (us)=(0, 0)"}
	[52106:85763:1126/182115.428

	{
	"title": "JSON schema for the TypeScript compiler's configuration file",
	"$schema": "http://json-schema.org/draft-04/schema#",

	"definitions": {
	"filesDefinition": {
	"properties": {
	"files": {
	"description": "If no 'files' or 'include' property is present in a tsconfig.json, the compiler defaults to including all files in the containing directory and subdirectories except those specified by 'exclude'. When a 'files' property is specified, only those files and those specified by 'include' are included.",
	"type": "array",

	For troubleshooting, two things to first try:

	run `git config --global gpg.program gpg2`, to make sure git uses gpg2 and not gpg
	run `echo "test" \| gpg2 --clearsign`, to make sure gpg2 itself is working
	If that all looks all right, one next thing to try:

	run `brew install pinentry` to ensure you have a good tool installed for passphrase entry
	If after that install and you re-try git commit and still get the "failed to sign the data" error:

	run `gpgconf --kill gpg-agent` to kill any running agent that might be hung

	# In order for gpg to find gpg-agent, gpg-agent must be running, and there must be an env
	# variable pointing GPG to the gpg-agent socket. This little script, which must be sourced
	# in your shell's init script (ie, .bash_profile, .zshrc, whatever), will either start
	# gpg-agent or set up the GPG_AGENT_INFO variable if it's already running.

	# Add the following to your shell init to set up gpg-agent automatically for every shell
	if [ -f ~/.gnupg/.gpg-agent-info ] && [ -n "$(pgrep gpg-agent)" ]; then
	source ~/.gnupg/.gpg-agent-info
	export GPG_AGENT_INFO
	else

	/** That's it. Thank you. */
	filter: sepia(0.9) brightness(0.8);