Timon van Spronsen TimonVS

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?

Useful Pandas Snippets

A personal diary of DataFrame munging over the years.

Data Types and Conversion

Convert Series datatype to numeric (will error if column has non-numeric values)
(h/t @makmanalp)

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

AngularJS Directive Attribute Binding Explanation

When using directives, you often need to pass parameters to the directive. This can be done in several ways. The first 3 can be used whether scope is true or false. This is still a WIP, so validate for yourself.

Raw Attribute Strings

<div my-directive="some string" another-param="another string"></div>

Tutorial: Meteor in Windows using Vagrant

BEFORE YOU CONTINUE:

Now, Meteor runs in any Windows without any line of this tutorial. Just download the Meteor binary! Yay!!
mrt is no longer used with Meteor 1.0

These days some people were discussing at meteor-talk group about running Meteor at Windows and I’ve recommended them using Vagrant. It’s a very developer-friendly piece of software that creates a virtual machine (VM) which let you run any operating system wanted and connect to it without big efforts of configuration (just make the initial installation and you have it working).

Many packages (I've tested) for running Meteor+Vagrant fails because Meteor writes its mongodb file and also other files inside local build folder into a shared folder between the Windows host and the Linux guest, and it simply does not work. So I've put my brain to work and found a solution: do symlinks inside the VM (but do not use ln. Use mount so git can follow it). It’s covered on

	// array utils
	// =================================================================================================

	const combine = (...arrays) => [].concat(...arrays);

	const compact = arr => arr.filter(Boolean);

	const contains = (() => Array.prototype.includes
	? (arr, value) => arr.includes(value)
	: (arr, value) => arr.some(el => el === value)

	#!/usr/bin/env python

	"""
	Pandoc filter to parse CriticMarkup into Spans for
	Insertion and Deletion. The Docx writer will convert
	these into Tracked Changes.

	A comment immediately after a change will be parsed
	for "author: The Author" and "date: 12-21-12", which
	will be inserted into the Span as appropriate.

	export class EnumSymbol {
	sym = Symbol.for(name);
	value: number;
	description: string;

	constructor(name: string, {value, description}) {

	if(!Object.is(value, undefined)) this.value = value;
	if(description) this.description = description;

	// Bootstrap Mid-Small - col-ms-* - the missing grid set for Bootstrap3.
	//
	// This is a hack to fill the gap between 480 and 760 pixels - a missing range
	// in the bootstrap responsive grid structure. Use these classes to style pages
	// on cellphones when they transition from portrait to landscape.
	//
	// NOTE: Here I use SASS instead of LESS for styling. To convert to LESS
	// replace '$screen' with '@screen' and '$grid' with '@grid'.
	//
	// See https://github.com/twbs/bootstrap/issues/10203 for more info.

	/*
	* I add this to html files generated with pandoc.
	*/

	html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	}