Dominique Müller itsdevdom

Compile with:

webpack --config vendor.webpack.config.js
webpack --config app.webpack.config.js

Use with the following index.html

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

Keep a CHANGELOG

Don’t let your friends dump git logs into CHANGELOGs™

What’s a change log?

A change log is a file which contains a curated, chronologically ordered list of notable changes for each version of an open source project.

I am in the process of introducing single page applications to where I work. For development, using node based build tools is much easier for the single page applications. However, the build process for our organization is based upon maven. Our solution started with the maven plugin frontend-maven-plugin. It worked great at first, but then we ran into a situation that I couldn't make work with it.

As stated before, at our organization, we have the older ecosystem which is maven and the newer ecosystem which is node. Our goal was to keep the hacking to a minimum. We did this by putting all of the hacks into a single super node based build file. This is what maven calls and the reason frontend-maven-plugin wasn't sufficient. The super node based build script calls all of the other build scripts by spawning npm run. Try as I might, I could not figure out how to make the spawn work. front-end-maven-plugin downloads npm

	/*!
	* Copyright 2015 Google Inc. All rights reserved.
	*
	* Licensed under the Apache License, Version 2.0 (the "License");
	* you may not use this file except in compliance with the License.
	* You may obtain a copy of the License at
	*
	* http://www.apache.org/licenses/LICENSE-2.0
	*
	* Unless required by applicable law or agreed to in writing, software

	{
	// http://eslint.org/docs/rules/

	"ecmaFeatures": {
	"arrowFunctions": false, // enable arrow functions
	"binaryLiterals": false, // enable binary literals
	"blockBindings": false, // enable let and const (aka block bindings)
	"classes": false, // enable classes
	"defaultParams": false, // enable default function parameters
	"destructuring": false, // enable destructuring

	(function () {
	var perfBar = function(budget) {

	window.onload = function() {
	window.performance = window.performance \|\| window.mozPerformance \|\| window.msPerformance \|\| window.webkitPerformance \|\| {};


	var timing = window.performance.timing,
	now = new Date().getTime(),
	output, loadTime;

	# Assume we are in your home directory
	cd ~/

	# Clone the repo from GitLab using the `--mirror` option
	$ git clone --mirror git@your-gitlab-site.com:mario/my-repo.git

	# Change into newly created repo directory
	$ cd ~/my-repo.git

	# Push to GitHub using the `--mirror` option. The `--no-verify` option skips any hooks.

	/**
	* For more information see this tutorial: http://blog.webbb.be/use-jekyll-with-gulp/
	*
	* Libs import
	* --> How to install? npm install --save-dev gulp-minify-html
	* @type {[type]}
	*/
	var gulp = require('gulp'),
	path = require('path'),