Evgenii Kazakov ekazakov

This article has been given a more permanent home on my blog. Also, since it was first written, the development of the Promises/A+ specification has made the original emphasis on Promises/A seem somewhat outdated.

You're Missing the Point of Promises

Promises are a software abstraction that makes working with asynchronous operations much more pleasant. In the most basic definition, your code will move from continuation-passing style:

getTweetsFor("domenic", function (err, results) {
 // the rest of your code goes here.

NOTE: the list has moved to https://github.com/sketchplugins/plugin-directory

Sketch Plugins

A list of Sketch plugins hosted at GitHub, in no particular order.

brandonbeecroft/Lorem-Ipsum-Plugin-for-Sketch This is a plugin for quickly creating Lorem Ipsum text in Sketch
sebj/Sketch Templates and Plugins for Sketch by Bohemian Coding
FredericJacobs/crop_Artboard A script to export the Sketch App artboards to the clipboard
almonk/SketchGit A simple Git client built right into Sketch.

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

Changes with .dev domains in mind.

Create /etc/pf.anchors/dev, containing:

rdr pass inet proto tcp from any to any port 80 -> 127.0.0.1 port 8080
rdr pass inet proto tcp from any to any port 443 -> 127.0.0.1 port 8443

	require.config({
	baseUrl: '/backbone-tests/',
	paths: {
	'jquery' : '/app/libs/jquery',
	'underscore' : '/app/libs/underscore',
	'backbone' : '/app/libs/backbone',
	'mocha' : 'libs/mocha',
	'chai' : 'libs/chai',
	'chai-jquery' : 'libs/chai-jquery',
	'models' : '/app/models'

	<html>
	<head>
	<script src="http://connect.facebook.net/en_US/all.js" type="text/javascript"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
	<script src="strophe-102.js" type="text/javascript"></script>
	<script src="facebook.js" type="text/javascript"></script>
	<script>
	var BOSH_SERVICE = 'http://island.csie.org:8273/xmpp-httpbind'
	var connection = null;

	var LoadingView = Backbone.Marionette.ItemView.extend({
	template: 'Loading...'
	});

	var LoadedView = Backbone.Marionette.ItemView.extend({
	template: 'Loaded!'
	});

	var View = Backbone.Marionette.Layout.extend({
	template: '<div class="example"></div>',

-#!/bin/sh
-#
-# Adam Sharp
-# Aug 21, 2013
-#
-# Usage: Add it to your PATH and `git remove-submodule path/to/submodule`.
-#
-# Does the inverse of `git submodule add`:
-#  1) `deinit` the submodule
-#  2) Remove the submodule from the index and working directory

	var gulp = require('gulp');
	var $ = require('gulp-load-plugins')();
	var config = require('../config.json');
	var bundler = require('./bundler');

	process.env.APP_ID = config.Client.AppId;
	process.env.JS_KEY = config.Client.jsKey;

	gulp.task('scripts', function() {
	gulp.src('./src/js/init.js', {read: false})

	var mediaJSON = { "categories" : [ { "name" : "Movies",
	"videos" : [
	{ "description" : "Big Buck Bunny tells the story of a giant rabbit with a heart bigger than himself. When one sunny day three rodents rudely harass him, something snaps... and the rabbit ain't no bunny anymore! In the typical cartoon tradition he prepares the nasty rodents a comical revenge.\n\nLicensed under the Creative Commons Attribution license\nhttp://www.bigbuckbunny.org",
	"sources" : [ "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" ],
	"subtitle" : "By Blender Foundation",
	"thumb" : "images/BigBuckBunny.jpg",
	"title" : "Big Buck Bunny"
	},
	{ "description" : "The first Blender Open Movie from 2006",
	"sources" : [ "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4" ],