Joan León nucliweb

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

Usage:

To create a new branch that is up-to-date with the remote master:

$ ws 123

Creates the branch issue123

10 JavaScript Terms You Should Know

From currying to closures there are quite a number of special words used in JavaScript. These will not only help you increase your vocabulary but also better understand JavaScript. Special terms are normally found in documentation and technical articles. But some of them like closures are pretty standard things to know about. Knowing what the word itself means can help you know the concept it's named for better.

Arity
Anonymous
Closure
Currying
Hoisting
Mutation

Publics repos

With Ruby 1.8 (default version on MacOS) :

sudo gem install json
curl -s https://api.github.com/orgs/[ORGANIZATION]/repos | ruby -rubygems -e 'require “json”; JSON.load(STDIN.read).each {|repo| %x[git clone #{repo["ssh_url"]} ]}'

With Ruby 1.9+, the json library is by default thus you just use :

Some articles:

How to automate a visual regression test (WebdriverCSS)
CSS Testing with PhantomCSS, PhantomJS, CasperJS and Grunt (PhantomCSS)
Automating Style Guide-Driven Development (Style Guide Based Testing
Automating CSS Regression Testing (BackstopJS)

Some tools:

	var beep = require('beepbeep');
	var colors = require('colors');

	var onError = function(err) {
	beep([200, 200]);

	var formatOutput = function(context) {
	var msg, file, line, description;

	if(context == 'gulp-babel') {

	{
	"keys": ["tab"],
	"command": "expand_abbreviation_by_tab",

	// put comma-separated syntax selectors for which
	// you want to expandEmmet abbreviations into "operand" key
	// instead of SCOPE_SELECTOR.
	// Examples: source.js, text.html - source
	"context": [
	{

	// Use the Boolean `disabled` attribute
	myCSS.disabled = true;
	myJS.disabled = true;

	// Create a stylesheet toggle button:
	var stylesheet = document.getElementById('boot'),
	btn = document.querySelector('.btn');

	btn.addEventListener('click', function () {
	stylesheet.disabled = (stylesheet.disabled === false) ? true : false;

	// returns first element selected - $('input[name="food"]')
	var $ = document.querySelector.bind(document);
	// return array of selected elements - $$('img.dog')
	var $$ = document.querySelectorAll.bind(document);

	// Credit: https://twitter.com/wesbos/status/608341616173182977

	<!DOCTYPE html>
	<html lang="es">
	<head>
	<meta charset="UTF-8">
	<title>Document</title>
	</head>
	<body>
	<style>
	#container {
	flex-shrink: 0;