Michal Gebauer mishak87

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

Tools and tips that make my day better.

Holy Trinity for debugging

export TERM=xterm
apt-get update -yq && apt-get install -yq mc vim htop

DVC all the way

Simple tool for building/uploading multiple versions of docker-library/ like projects

Default directory structure

[docker/]<main.minor>[/<optional>]/Dockerfile

1.) Collect tags

foreach <main>.<minor>
    if -f <main>.<minor>/Dockerfile
 tags[.]=.

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.

	case class Segment(hash: Int, str: String)

	sealed trait DiffGroup
	case class NewLine(str: String) extends DiffGroup
	case class Diffs(diffs: Seq[Diff]) extends DiffGroup

	sealed trait Diff { def pos: Int }
	case class Addition(pos: Int, str: String) extends Diff
	case class Deletion(pos: Int, len: Int) extends Diff

	#!/bin/bash
	dir=$(mktemp -d)
	old=$1
	new=$2
	git clone "$old" "$dir"
	cd "$dir"
	git remote add new "$new"
	git push -u new master

	<?php

	namespace Kdyby\Doctrine\Console;


	use Kdyby;
	use Kdyby\Doctrine\BatchImportException;
	use Kdyby\Doctrine\Helpers;
	use Rixxi;
	use Symfony;

	#!/bin/bash

	echo "Deploy launched."

	# fetch new version
	git fetch origin


	# check for changes
	CHANGES=$(git status -s)

	<?php

	namespace App\Listeners;

	use Kdyby\Events\Annotations as Event;


	/**
	* @Event\Subscriber([<class>])
	* <class> is set as default for all handlers

	# http://stackoverflow.com/a/646643
	String::startsWith ?= (s) -> @slice(0, s.length) == s
	String::endsWith ?= (s) -> s == '' or @slice(-s.length) == s