julien michot jumichot

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

OS X Screencast to animated GIF

This gist shows how to create a GIF screencast using only free OS X tools: QuickTime, ffmpeg, and gifsicle.

Instructions

To capture the video (filesize: 19MB), using the free "QuickTime Player" application:

Description

This simple script will take a picture of a whiteboard and use parts of the ImageMagick library with sane defaults to clean it up tremendously.

The script is here:

#!/bin/bash
convert "$1" -morphology Convolve DoG:15,100,0 -negate -normalize -blur 0x1 -channel RBG -level 60%,91%,0.1 "$2"

	# You will need fswatch installed (available in homebrew and friends)
	# The command below will run tests and wait until fswatch writes something.
	# The --stale flag will only run stale entries, it requires Elixir v1.3.
	fswatch lib/ test/ \| mix test --stale --listen-on-stdin

	#!/usr/bin/env ruby

	DESC = "

	Generate spec file

	Example: mkspec app/services/user/create.rb will generate spec/services/user/create_spec.rb

	"

	'use strict'

	var gulp, sass, babelify, browserify, watchify, source, util;

	gulp = require('gulp');
	sass = require('gulp-sass');
	babelify = require('babelify')
	browserify = require('browserify');
	watchify = require('watchify');
	source = require('vinyl-source-stream');

	http://rubyrogues.com/056-rr-david-heinemeier-hansson/
	http://mikepackdev.com/blog_posts/24-the-right-way-to-code-dci-in-ruby
	http://mikepackdev.com/blog_posts/37-dci-the-king-of-the-open-closed-principle
	http://decomplecting.org/blog/2013/01/03/dci-the-right-idea-for-the-wrong-paradigm/
	http://evan.tiggerpalace.com/articles/2011/11/24/dci-that-respects-the-method-cache/
	http://tonyarcieri.com/dci-in-ruby-is-completely-broken
	https://signalvnoise.com/posts/3372-put-chubby-models-on-a-diet-with-concerns
	http://blog.codeclimate.com/blog/2012/12/19/dci-concerns-and-readable-code/
	http://blog.codeclimate.com/blog/2012/10/17/7-ways-to-decompose-fat-activerecord-models/
	http://martinfowler.com/bliki/AnemicDomainModel.html

	/**
	* Plugin function to insert spans into text:
	* usage
	* $(document).ready(function() {
	* $('p.charcount').charSpanCount(); });
	* or $(document).ready(function() {
	* $('p.charcount').charSpanCount({'charcount' : 15});
	* });
	*/
	(function($) {

	config :my_app, :twitter_api,
	client: Twitter.SandboxClient