examinedliving

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?

Here is a list of scopes to use in Sublime Text 2/3 snippets -

ActionScript: source.actionscript.2
AppleScript: source.applescript
ASP: source.asp
Batch FIle: source.dosbatch
C#: source.cs
C++: source.c++
Clojure: source.clojure

Colours in terminal

It's a common confusion about terminal colours... Actually we have this:

plain ascii
ansi escape codes (16 colour codes with bold/italic and background)
256 colour palette (216 colours + 16 ansi + 24 gray) (colors are 24bit)
24bit true colour ("888" colours (aka 16 milion))

printf "\x1b[${bg};2;${red};${green};${blue}m\n"

	/**************************************************************************
	*
	* @@@BUILDINFO@@@ 00globals-2.jsx 3.5.0.43 20-November-2009
	* ADOBE SYSTEMS INCORPORATED
	* Copyright 2010 Adobe Systems Incorporated
	* All Rights Reserved.
	*
	* NOTICE: Adobe permits you to use, modify, and distribute this file in
	* accordance with the terms of the Adobe license agreement accompanying it.
	* If you have received this file from a source other than Adobe, then your

	// I got tired of forgetting how to calculate image aspect ratio valuables, and then trying to solve the algebra, instead of actually thinking it through --
	// so I wrote the worlds simplest function


	// h= current image height in pixels
	// w= current image width
	// nw= the width the image will be
	// returns new height that will preserve aspect ratio at new width
	//

	/*
	Assuming jQuery Ajax instead of vanilla XHR
	*/

	//Get Github Authorization Token with proper scope, print to console
	$.ajax({
	url: 'https://api.github.com/authorizations',
	type: 'POST',
	beforeSend: function(xhr) {
	xhr.setRequestHeader("Authorization", "Basic " + btoa("USERNAME:PASSWORD"));

	var obj = {b: 3, c: 2, a: 1};

	_.sortKeysBy(obj);
	// {a: 1, b: 3, c: 2}

	_.sortKeysBy(obj, function (value, key) {
	return value;
	});
	// {a: 1, c: 2, b: 3}

	#!/usr/bin/env ruby

	require 'excon'
	require 'json'


	module EnumerableEnumerator

	def self.included(base)
	base.extend ClassMethods

	/**
	* loadFonts
	* Does the legwork to generate fontStrings to be used in two other functions
	* @arguments String {comes from useFonts or getFonts}
	* @returns array
	*/

	function loadFonts(fonts){
	var fontStrings=fonts.map(function(font){
	font=(font[0].toUpperCase() + font.substr(1)).replace(/\s/g,'+');

	{
	// The plugin looks for a .jsbeautifyrc file in the same directory as the
	// source file you're prettifying (or any directory above if it doesn't exist,
	// or in your home folder if everything else fails) and uses those options
	// along the default ones.

	// Details: https://github.com/victorporof/Sublime-HTMLPrettify#using-your-own-jsbeautifyrc-options
	// Documentation: https://github.com/einars/js-beautify/
	"html": {
	"allowed_file_extensions": ["htm", "html", "xhtml", "shtml", "xml", "svg", "dust"],