Luís Rodrigues goblindegook

The introduction to Reactive Programming you've been missing

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.

The future is here: Classless object-oriented programming in JavaScript.

Douglas Crockford, author of JavaScript: The Good parts, recently gave a talk called The Better Parts, where he demonstrates how he creates objects in JavaScript nowadays. He doesn't call his approach anything, but I will refer to it as Crockford Classless.

Crockford Classless is completely free of class, new, this, prototype and even Crockfords own invention Object.create.

I think it's really, really sleek, and this is what it looks like:

function dog(spec) {

Font Face

A mixin for writing @font-face rules in SASS.

Usage

Create a font face rule. Embedded OpenType, WOFF2, WOFF, TrueType, and SVG files are automatically sourced.

@include font-face(Samplino, fonts/Samplino);

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?

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

	<?php
	/*
	Plugin Name: Blacklist Jetpack Modules
	Plugin URI: https://gist.github.com/ParhamG/6494979
	Description: Blacklist Jetpack modules.
	Author: Parham Ghaffarian
	Author URI: http://parh.am
	Version: 0.1.3.4.1
	*/

	<script type="text/javascript">
	(function () {
	"use strict";
	// once cached, the css file is stored on the client forever unless
	// the URL below is changed. Any change will invalidate the cache
	var css_href = './index_files/web-fonts.css';
	// a simple event handler wrapper
	function on(el, ev, callback) {
	if (el.addEventListener) {
	el.addEventListener(ev, callback, false);

	<?php

	/**
	* Plugin Name: MU plugins subdirectory loader
	* Plugin URI: http://code.ctlt.ubc.ca
	* Description: Enables the loading of plugins sitting in mu-plugins (as folders)
	* Version: 0.1
	* Author: iamfriendly, CTLT
	* Author URI: http://ubc.ca/
	*

	#!/usr/bin/env bash
	# Usage: restart-last-build <project-id>
	# You must set the environment variable API_KEY to your codeship API key, for example:
	# $ CODESHIP_API_KEY=abc123 restart-last-build 1234

	PROJECT_ID=$1

	set -e

	echo Restarting last build for project $PROJECT_ID

	INITIALISATION
	==============

	load wp-config.php
	set up default constants
	load wp-content/advanced-cache.php if it exists
	load wp-content/db.php if it exists
	connect to mysql, select db
	load object cache (object-cache.php if it exists, or wp-include/cache.php if not)
	load wp-content/sunrise.php if it exists (multisite only)