Max Koverdyaev shadeglare

Assuming you have multiple Heroku apps and Git remote like so:

development https://git.heroku.com/xxx.git (fetch)
development https://git.heroku.com/xxx.git (push)
origin      git@bitbucket.org:xxx/xxx.git  (fetch)
origin      git@bitbucket.org:xxx/xxx.git  (push)
production  https://git.heroku.com/xxx.git (fetch)
production  https://git.heroku.com/xxx.git (push)
staging https://git.heroku.com/xxx.git (fetch)

Английская версия: https://evilmartians.com/chronicles/bootstrap-an-intervention

Вводная часть

У CSS есть несколько базовых проблем, которые позволяют очень быстро отстрелить себе ногу при неправильном использовании:

Глобальный неймспейс – в серверном программировании все что написано в файле, в файле и остается. Все же что написано в css и js засирает глобальное пространство имен со всеми вытекающими. В JS эту проблему сейчас побороли всякими модульными системами, а вот с css сложнее. В идеальном мире это должен починить Shadow DOM и настоящие Web Components, но пока их нет единственный способ с этим бороться – следовать какой-то системе именований селекторов, которая по возможности уменьшает и исключает возможные конфликты.
Каскадность – если на один элемент может сработать несколько правил, то они все и сработают последовательно. Если есть элемент h1.title, на него сработают все правила для тегов h1 и все правила для класса .title. Так как весь html состоит из тегов, то правил которые п

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

	"use strict";

	// Load plugins
	const autoprefixer = require("autoprefixer");
	const browsersync = require("browser-sync").create();
	const cp = require("child_process");
	const cssnano = require("cssnano");
	const del = require("del");
	const eslint = require("gulp-eslint");
	const gulp = require("gulp");

	var gulp = require('gulp');
	var gulpif = require('gulp-if');
	var sourcemaps = require('gulp-sourcemaps');
	var util = require('util');
	var source = require('vinyl-source-stream');
	var buffer = require('vinyl-buffer');
	var watchify = require('watchify');
	var browserify = require('browserify');
	var browserSync = require('browser-sync');
	var babelify = require('babelify');

	var btn = document.getElementById("copy-button");
	btn.addEventListener("click", clickHandler, false);
	btn.addEventListener("copy", copyHandler, false);

	function clickHandler(e) {
	e.target.dispatchEvent(new ClipboardEvent("copy"));
	}

	function copyHandler(e) {
	e.clipboardData.setData("text/plain", "Simulated copy. Yay!");

	git config --global mergetool.sublime.cmd "subl -w \$MERGED"
	git config --global mergetool.sublime.trustExitCode false
	git config --global merge.tool sublime

	git mergetool -y

	/* c9.io kill active node process */

	(function(){
	"use strict";

	var exec = require('child_process').exec,
	lCmd = 'kill -9' + ' ' + /* kill finded process */
	'`ps ax' + '\|' + /* show all process */
	'grep node-openshift' + '\|' + /* find node-openshift */
	'grep -v grep' + '\|' + /* exlude grep command */

	/*
	Copied and pasted from David Hamrick's blog:

	Source: http://www.davidhamrick.com/2011/12/31/Changing-the-UINavigationController-animation-style.html
	*/

	@interface UINavigationController (Fade)

	- (void)pushFadeViewController:(UIViewController *)viewController;
	- (void)fadePopViewController;

	// see http://d.hatena.ne.jp/ashigeru/20090113/1231855642

	var calc = {
	add: function (node) {
	return visit(this, node.l) + visit(this, node.r);
	},
	sub: function (node) {
	return visit(this, node.l) - visit(this, node.r);
	},
	val: function (node) {