Rafe Goldberg rafegoldberg

NYT Dark Mode CSS

Deverus Vue.js Style Guide

Guide for developing Vue.js applications.

v. 0.0.1

Vue.js is an amazing framework, which can be as powerful as Angular or React, the two big heavy hitters in the world of front-end frameworks.

However, most of Vue's ease-of-use is due to the use of Observables - a pattern that triggers re-renders and other function calls with the reassignment of a variable.

Stylebot Patterns

stylebot.me has been down for a while, so I create this gist to help those who need document on pattern settings.

Basic (default)

By default, Stylebot uses simple text strings to match styles to websites. Examples:

docs.google.com : Matches any URL with docs.google.com in it.
docs.google.com, spreadsheets.google.com : Matches any URL with docs.google.com or spreadsheets.google.com in it.

Advanced

Stylebot supports wildcards **, * and ,

Aligning images

This is a guide for aligning images.

See the full Advanced Markdown doc for more tips and tricks

`left` alignment

Simple automated GIT Deployment using GIT Hooks

Here are the simple steps needed to create a deployment from your local GIT repository to a server based on this in-depth tutorial.

How it works

You are developing in a working-copy on your local machine, lets say on the master branch. Most of the time, people would push code to a remote server like github.com or gitlab.com and pull or export it to a production server. Or you use a service like deepl.io to act upon a Web-Hook that's triggered that service.

	#!/bin/sh
	echo Install all AppStore Apps at first!
	# no solution to automate AppStore installs
	read -p "Press any key to continue... " -n1 -s
	echo '\n'

	echo Install and Set San Francisco as System Font
	ruby -e "$(curl -fsSL https://raw.github.com/wellsriley/YosemiteSanFranciscoFont/master/install)"
	echo Install Homebrew, Postgres, wget and cask
	ruby -e "$(curl -fsSL https://raw.github.com/Homebrew/homebrew/go/install)"

	// check version
	node -v \|\| node --version

	// list locally installed versions of node
	nvm ls

	// list remove available versions of node
	nvm ls-remote

	// install specific version of node

	# Get Sudo.
	if [ $EUID != 0 ]; then
	sudo "$0" "$@"
	exit $?
	fi

	# Install Xcode first - https://itunes.apple.com/us/app/xcode/id497799835?ls=1&mt=12
	# Install Xcode command line tools.
	xcode-select --install

	$columns: 12 !default;
	$gutter: 30px !default;
	$max-width: 1170px;

	.grid {
	margin: 0px auto;
	max-width: $max-width;
	width: 100%;
	}

	/*
	\|--------------------------------------------------------------------------
	\| Vue BEM Directive
	\|--------------------------------------------------------------------------
	\|
	\| If you find yourself writing a lot of long, tedious CSS class names in
	\| order to be consistent with the BEM naming convention, then try this
	\| directive. It automagically does all the heavy lifting based on
	\| the component's name found in $options.name.
	\|