James Morgan jmsmrgn

Hello, visitors! If you want an updated version of this styleguide in repo form with tons of real-life examples… check out Trellisheets! https://github.com/trello/trellisheets

Trello CSS Guide

“I perfectly understand our CSS. I never have any issues with cascading rules. I never have to use !important or inline styles. Even though somebody else wrote this bit of CSS, I know exactly how it works and how to extend it. Fixes are easy! I have a hard time breaking our CSS. I know exactly where to put new CSS. We use all of our CSS and it’s pretty small overall. When I delete a template, I know the exact corresponding CSS file and I can delete it all at once. Nothing gets left behind.”

You often hear updog saying stuff like this. Who’s updog? Not much, who is up with you?

JavaScript function hoisting by example

Below are many examples of function hoisting behavior in JavaScript. Ones marked as works successfuly print 'hi!' without errors.

To play around with these examples (recommended) clone them with git and execute them with e.g. node a.js

Notes on hoisting

(I may be using incorrect terms below, please forgive me)

This is my take on how to get up and running with NGINX, PHP-FPM, MySQL and phpMyAdmin on OSX Yosemite.

This article is adapted from the original by Jonas Friedmann. Who I just discovered is from Würzburg in Germany. A stonesthrow from where I was born ;)

Xcode

Make sure you have the latest version of XCode installed. Available from the Mac App Store.

Install the Xcode Command Line Tools:

xcode-select --install

	/* bling.js */
	window.$ = document.querySelector.bind(document);
	window.$$ = document.querySelectorAll.bind(document);
	Node.prototype.on = window.on = function(name, fn) { this.addEventListener(name, fn); };
	NodeList.prototype.__proto__ = Array.prototype;
	NodeList.prototype.on = function(name, fn) { this.forEach((elem) => elem.on(name, fn)); };

	#Insall Ajenti
	apt-get update
	wget http://repo.ajenti.org/debian/key -O- \| apt-key add -
	echo "deb http://repo.ajenti.org/ng/debian main main ubuntu" >> /etc/apt/sources.list
	apt-get update
	apt-get install ajenti
	service ajenti restart

	# Uninstall Apache2
	sudo apt-get autoremove && sudo apt-get remove apache2*

	Atom.prototype.startEditorWindow = function() {
	var CommandInstaller, dimensions, maximize, resourcePath, safeMode, _ref;
	_ref = this.getLoadSettings(), resourcePath = _ref.resourcePath, safeMode = _ref.safeMode;
	CommandInstaller = require('./command-installer');
	CommandInstaller.installAtomCommand(resourcePath, false, function(error) {
	if (error != null) {
	return console.warn(error.message);
	}
	});
	CommandInstaller.installApmCommand(resourcePath, false, function(error) {

	ps xmo rss=,pmem=,comm= \| while read rss pmem comm; ((n++<5)); do

	size="$[rss/1024]";
	short=$[4-${#size}];
	size="(${size}M)";
	i=0;
	while ((i++ < short)); do size=" $size"; done;

	pmem="${pmem%%.*}"
	if (($pmem >= 20)); then color=$'\e[31m';

	<?php
	/**
	* Events Navigation Bar Module Template
	* Renders our events navigation bar used across our views
	*
	* Override this template in your own theme by creating a file at [your-theme]/tribe-events/modules/bar.php
	*
	* $filters and $views variables are loaded in and coming from
	* the show funcion in: lib/tribe-events-bar.class.php
	*

	// ==UserScript==
	// @name Remove Gmail gadgets
	// @namespace chiefFrabricator
	// @include https://mail.google.com/mail/u/0/*
	// @version 5
	// @grant none
	// @updateURL https://gist.githubusercontent.com/go717franciswang/9585565ece0b3c0d435f/raw/greaseMonkyGmailGadgetRemoval.js
	// @downloadURL https://gist.githubusercontent.com/go717franciswang/9585565ece0b3c0d435f/raw/greaseMonkyGmailGadgetRemoval.js
	// ==/UserScript==

	#!/bin/sh

	git filter-branch --env-filter '

	OLD_EMAIL="your-old-email@example.com"
	CORRECT_NAME="Your Correct Name"
	CORRECT_EMAIL="your-correct-email@example.com"

	if [ "$GIT_COMMITTER_EMAIL" = "$OLD_EMAIL" ]
	then