Discover gists

Setup Mac OS X

I've done the same process every couple years since 2013 (Mountain Lion, Mavericks, High Sierra, Catalina) and I updated the Gist each time I've done it.

I kinda regret for not using something like Boxen (or anything similar) to automate the process, but TBH I only actually needed to these steps once every couple years...

Modern Device Dimensions for Chrome DevTools

These are modern “Emulated Devices” (a.k.a. responsive dimensions) for Chrome DevTools’ Mobile Device Viewport Mode.

They are specifically Apple devices, subtracting for recent Safari UI (as in window.innerWidth/Height), and cleverly sorted with some dark-arts unicode shenanigans. (This glitchy, unloved portion of the tools sorts lexicographically, because of course it would.) Ergonomics!

Nest Hub Max? Come on. I dropped a bunch of devices that were older and/or close to these dimensions. It obviously doesn’t cover everything (sorry Android/Chrome), but offers a decent spread/increments for common 2023/2024 viewports.

💘 OkCupid "Who Likes You" Extension

Yes, I did.

The Who Likes You page SUCKS to manage.

	/* Web UI Kit in CSS */
	body {
	background: url('http://f.cl.ly/items/2y0S3r1h3B2h2c3K351y/Tile.png');
	}

	#container {
	width: 300px;
	position: relative;
	margin: 0 auto;
	}



	// Copyright (c) 2013 The Chromium Authors. All rights reserved.
	// Use of this source code is governed by a BSD-style license that can be
	// found in the LICENSE file.

	/**
	* States that the extension can be in.
	*/
	var StateEnum = {

	{
	"cfgver": 2.3,
	"others": {
	"tuilink": false
	},
	"normal": {
	"gesture": true,
	"drag": true,
	"scroll": false,
	"autocancel": false,


	no Linux abra um terminal ( shell ):

	google-chrome --disable-web-security --user-data-dir="/tmp/"

	chromium-browser --disable-web-security --user-data-dir="/tmp/"

	no Windows abra um terminal ( shell )

	C:\Program Files (x86)\Google\Chrome\Application\chrome.exe --disable-web-security --user-data-dir="c:/tmp"

	twitter.com##div[data-testid="cellInnerDiv"]:has(h2):has-text(Discover more) ~ *
	twitter.com##div[data-testid="cellInnerDiv"]:has(h2):has-text(Discover more)