Kelsey S. kelsS

Enable #enable-devtools-experiments flag in chrome://flags section.
Open Chorme Devtools and check Settings > Experiments > Allow extensions to load custom stylesheets.

Create the following four files in a dedicated folder.

3.1. devtools.html

<html>
<head></head>
<body><script src="devtools.js"></script></body>

Storing Images and Demos in your Repo

In this quick walkthough you'll learn how to create a separate branch in your repo to house your screenshots and demo gifs for use in your master's readme.

How to

1. Clone a fresh copy of your repo

In order to prevent any loss of work it is best to clone the repo in a separate location to complete this task.

2. Create a new branch

Create a new branch in your repo by using git checkout --orphan assets

Oh my zsh.

Install with curl

sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

Enabling Plugins (zsh-autosuggestions & zsh-syntax-highlighting)

Download zsh-autosuggestions by

How to add an image to a gist

Create or find a gist that you own.

Clone your gist (replace <hash> with your gist's hash):

# with ssh
git clone [email protected]:<hash>.git mygist

# with https

git clone https://gist.github.com/.git mygist

Vanilla JavaScript Quick Reference / Cheatsheet

Just migrated it from Codepen.io to markdown. Credit goes to David Conner.

Working with DOM	Working with JS	Working With Functions
Accessing Dom Elements	Add/Remove Array Item	Add Default Arguments to Function
Grab Children/Parent Node(s)	Add/Remove Object Properties	Throttle/Debounce Functions
Create DOM Elements	Conditionals

	$space-inset-default = 16px 16px 16px 16px;
	$space-inset-xs = 4px 4px 4px 4px;
	$space-inset-s = 8px 8px 8px 8px;
	$space-inset-m = 16px 16px 16px 16px;
	$space-inset-l = 32px 32px 32px 32px;
	$space-inset-xl = 64px 64px 64px 64px;
	$space-stack-default = 0 0 16px 0;
	$space-stack-xs = 0 0 4px 0;
	$space-stack-s = 0 0 8px 0;
	$space-stack-m = 0 0 16px 0;

	# -----------------------------------------------------------------
	# .gitignore for WordPress
	# Bare Minimum Git
	# http://ironco.de/bare-minimum-git/
	# ver 20150227
	#
	# This file is tailored for a WordPress project
	# using the default directory structure
	#
	# This file specifies intentionally untracked files to ignore

	#!/usr/bin/env bash

	# Run this file on the host machine that is running dockerd
	# It will allow you to access your docker containers via hostname aliases

	# Remove old lines with suffix
	sed -i -e "/#docker-temp/d" /etc/hosts

	# Collect ip-addresses and hostnames of running docker-compose containers
	ADDR=$(docker-compose ps -q \| xargs --no-run-if-empty -I --- docker exec --- hostname -I\| sed -e 's/ /-/')

	- Open Automator
	- File -> New -> Service
	- Change "Service Receives" to "files or folders" in "Finder"
	- Add a "Run Shell Script" action
	- Change "Pass input" to "as arguments"
	- Paste the following in the shell script box: open -n -b "com.microsoft.VSCode" --args "$*"
	- Save it as something like "Open in Visual Studio Code"

	const fetch = require('node-fetch')
	const Bacon = require('baconjs')

	function getInPortuguese(word) {
	// Google Translate API is a paid (but dirt cheap) service. This is my key
	// and will be disabled by the time the video is out. To generate your own,
	// go here: https://cloud.google.com/translate/v2/getting_started
	const apiKey =
	'AIzaSyB4DyRHIsNhogQXmH16YKbZfR-lTXrQpq0'
	const url =