tylertadej

Chrome DevTools tips and tricks

Speed up your workflow with these Mac shortcuts

Cmd-Alt+I               # Open DevTools

Cmd-Alt+J               # Open DevTools into console

Cmd-Alt+U               # Open new tab with HTML source of current URL

tylertadej

Show SVGO plugins

$ svgo --show-plugins

Run on entire folder and enable removeTitle plugin

$ svgo -f /Users/ttadej/community/lithium-plugin/src/svgs/collections --enable=removeTitle

Run on specific file and enable removeStyleElement plugin

tylertadej

MacOS cheatsheet

# show hidden files
Cmd+Shift+.

tylertadej

Docker cheat sheet

# bash into container
docker exec -it [container-id] bash

# exclude image from build
docker-compose up --scale serviceToNotRun=0

# kill all containers

tylertadej

Command Line basics

$ ls -a     # lists all contents of a directory, including hidden files and directories

$ ls -l     # lists all contents in long format

$ ls -t     # orders files and directories by the time they were last modified

tylertadej

Git Your Act Together

Git Setup

Global settings stored in a system .gitconfig file; view file using $ cat ~/.gitconfig

Single repo settings stored in /.git/config in your project folder

View current configurations in the terminal window

$ git config --list
$ git config <level> --list

tylertadej

/*
 * Usage
 *   The following code will modify the title of the browser tab on the "blur" event and change it back to the original on the "focus" event.
 *   http://developers.optimizely.com/javascript/code-samples/index.html#advanced-use-cases-browserTab-test
 */

 // store the original tab title
 var origTitle = document.title;

 // function to change title when focusing on tab

tylertadej

WebStorm keyboard shortcuts

List of helpful keyboard shortcuts for IntelliJ WebStorm 8 running on OSX

Alt+Up                Select text blocks in incrementing size
Alt+Down              Deselect text blocks in decreasing size

Shift+Shift           Search Everywhere pop-up window