André Luis Leal Cardoso Jr andrehjr

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?

333% Test Speedup

Normal Rails setup: 30 seconds for rake test
Using 1.9.3-falcon: 22 seconds
Using merged task w/ db reset: 16 seconds
Using merged task w/o db reset: 12 seconds
Using raw ruby execution: 9 seconds

You can run rake test:fast:db to get a merged run that resets your db. However, if you have clean tests that don't pollute the db between runs, you can just run rake test:fast and it will omit db:reset. This means your sequence numbers (under PostgreSQL, at least) may keep increasing, but if you tests against those I have other words for you.

	require 'net/http'
	module Net
	class HTTP
	def self.enable_debug!
	# raise "You don't want to do this in anything but development mode!" unless Rails.env == 'development'
	class << self
	alias_method :__new__, :new
	def new(*args, &blk)
	instance = __new__(*args, &blk)
	instance.set_debug_output($stderr)

	var http = require('http');

	var assert = require('assert');

	// poo face, apple, many tigers
	var STR = "💩🐅🐅🐅🐅🐅🐅🐅🐅";
	var BUF = new Buffer(STR, 'utf8');

	var server = http.createServer(function(req, res) {
	req.setEncoding('utf8');

	require 'minitest/autorun'

	###
	# Test to demonstrate TCO in Ruby. Tested in 1.9.2+
	class TestTCO < MiniTest::Unit::TestCase
	code = <<-eocode
	class Facts
	def fact_helper(n, res)
	if n == 1
	res

	#!/usr/bin/tclsh8.5
	#
	# Usage: unmerged branch1 branch2

	proc getlog branch {
	lrange [split [exec git log $branch --oneline] "\n"] 0 100
	}

	proc diff {title c1 c2} {
	puts "\n$title"

	var flatiron = require('flatiron'),
	app = flatiron.app;

	console.log('What\'s that in your hand? Look down,');
	app.use(require('./tickets'));

	console.log('look up. I HAVE IT. It\'s ' + app.qty + ' TICKETS to ' + app.description + '!');

	console.log('Look again.');
	app.use(require('./diamonds'));

	class LintTest < ActiveSupport::TestCase
	include ActiveModel::Lint::Tests

	class Model
	# model.to_model
	include ActiveModel::Conversion

	# Implements Model.model_name
	extend ActiveModel::Naming

	$ git clone git://github.com/joyent/node.git
	$ git checkout v0.6.7
	$ ./configure --prefix=~/local/node
	$ make && make install

	(function() {
	var EventEmitter = require('events').EventEmitter;
	var inspect = require('util').inspect;
	var emit_ = EventEmitter.prototype.emit;
	EventEmitter.prototype.emit = function(name) {
	var args = Array.prototype.slice.call(arguments);
	if (!(this === process.stderr && name === 'drain')) {
	console.error("Event '%s', arguments: %s",
	name, inspect(args.slice(1), false, 1));
	}