ladislavsulc

<img
    src="{{ post.thumbnail.src|resize(480) }}"
    srcset="
        {{ post.thumbnail.src|resize(480) }} 480w,
        {{ post.thumbnail.src|resize(220) }} 220w
    "
    sizes="
        (min-width: 980px) 25vw,
        50vw
    "

dverbovyi

/**
 * Created by Dmytro on 3/27/2016.
 */
var browserify = require('browserify'),
    gulp = require('gulp'),
    sourcemaps = require('gulp-sourcemaps'),
    sass = require('gulp-sass'),
    autoprefixer = require('gulp-autoprefixer'),
    source = require('vinyl-source-stream'),
    buffer = require('vinyl-buffer'),

paulirish

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

glennblock

git fetch upstream
git reset --hard upstream/master