Gustavo gugadev

Install the tools:

brew install ios-webkit-debug-proxy

Run the simulator. And choose an iOS 10 device. The chrome remote debugging doesn't work with iOS 11 yet.

Enable the inspector

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

macOS Internals

Understand your Mac and iPhone more deeply by tracing the evolution of Mac OS X from prelease to Swift. John Siracusa delivers the details.

Starting Points

How to use this gist

You've got two main options:

Enabling native title bar on Discord client

Step 1: Download 7-ZIP and the ASAR plugin from [ https://www.tc4shell.com/en/7zip/asar/ ]
Step 2: After installing 7-ZIP create a new folder inside of its install location called Formats
Step 3: Extract the .dll from one of the folders in the archive (x64 or 32) to the Formats folder
Step 4: Go to C:\Users\**YourUsername**\AppData\Local\Discord\app-1.0.9007\modules\discord_desktop_core-1\discord_desktop_core (Replace **YourUsername** with your username)
Step 5: Open the core.asar file with 7-ZIP and extract its content to a folder of your choice
Step 6: Enter the folder and go to the app subdirectory, after that find the file called mainWindow.js or mainScreen.js and open it with a text editor of your choice
Step 7: Go to line 419 and change frame: false to frame: true, if you can't find that text press CTRL+F and search for frame: false, it should look like the one attached in the screens

	# Import the public repository GPG keys
	curl https://packages.microsoft.com/keys/microsoft.asc \| sudo apt-key add -

	# Register the Microsoft Ubuntu repository
	curl https://packages.microsoft.com/config/ubuntu/16.04/prod.list \| sudo tee /etc/apt/sources.list.d/microsoft.list

	# Update apt-get
	sudo apt-get update

	# Install PowerShell

	.container {
	background-color: #c1c1c1;
	height: 500px;
	display: flex;
	justify-content: center;
	align-items: center;
	}

	.btn {
	background-color: orange;

	{
	"version": "0.2.0",
	"configurations": [
	{
	"name": "Node Inspector",
	"type": "node",
	"request": "launch",
	"args": ["${workspaceRoot}/src/service.ts"],
	"runtimeArgs": ["-r", "ts-node/register"],
	"cwd": "${workspaceRoot}",

	const withPWA = require('next-pwa')

	module.exports = withPWA({
	pwa: {
	dest: 'public'
	}
	})

	git branch -m old_branch new_branch # Rename branch locally
	git push origin :old_branch # Delete the old branch
	git push --set-upstream origin new_branch # Push the new branch, set local branch to track the new remote

	module.exports = (string) => {
	return string.replace(/([a-z0-9]\|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase();
	};