Igor Pellegrini Pictor13

OS X Screencast to animated GIF

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

Forked from https://gist.github.com/dergachev/4627207. Updated to use a palette to improve quality and skip gifsicle.

Instructions

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

The Problem

In Javascript this is bound in unexpected ways. Functions, in particular, create a new 'this' and so when you want to keep a reference to an "outer" object you sometimes see the pattern:

var self = this;

as in:

var self = this;

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

There are certain files created by particular editors, IDEs, operating systems, etc., that do not belong in a repository. But adding system-specific files to the repo's .gitignore is considered a poor practice. This file should only exclude files and directories that are a part of the package that should not be versioned (such as the node_modules directory) as well as files that are generated (and regenerated) as artifacts of a build process.

All other files should be in your own global gitignore file:

Create a file called .gitignore in your home directory and add any filepath patterns you want to ignore.
Tell git where your global gitignore file is.

Note: The specific name and path you choose aren't important as long as you configure git to find it, as shown below. You could substitute .config/git/ignore for .gitignore in your home directory, if you prefer.

The future is here: Classless object-oriented programming in JavaScript.

Douglas Crockford, author of JavaScript: The Good parts, recently gave a talk called The Better Parts, where he demonstrates how he creates objects in JavaScript nowadays. He doesn't call his approach anything, but I will refer to it as Crockford Classless.

Crockford Classless is completely free of class, new, this, prototype and even Crockfords own invention Object.create.

I think it's really, really sleek, and this is what it looks like:

function dog(spec) {

Please make sure you use Sublime 3 first:

From the Sublime Tex Menu choose option About and make sure build is higher that 3xxx
Navigate to your Sublime text packages directory: Sublime Text Menu > Preferences > Browse Packages...
Copy PHP folder form Cache into Packages folder
Locate PHP.tmLanguage file insde PHP folder and open in for edit:
Inside yuor PHP.tmLanguage find: <key>php_doc</key> node and update the language file by adding the following snippet under the php_doc's patterns array:

    <dict>

	<?php

	class baseClass {
	protected $a;
	protected $b;

	public function __construct($a, $b = null) {
	$this->a = $a;
	$this->b = $b;
	}

	/**
	* Stores are just seed + reduce function.
	* Notice they are plain objects and don't own the state.
	*/
	const countUpStore = {
	seed: {
	counter: 0
	},

	reduce(state, action) {

	// store.js
	let {store, handler} = sto(initialState, reduceFn); // where reduceFn: function(currentState, action, ...args){}

	dispatcher.register(handler);
	export store;

	// elsewhere
	store.get() // -> current state

	store.toObservable() // -> to be used with .observe()

	on run
	# TODAY - Returns today's date!
	# Create your own Service, to avoid 3rd Party software (WordService, etc.)
	# In Automator:
	# > Service receives 'no input' in 'any application'
	# > Output replaces selected text
	# Add Shortcut (e.g. Ctrl+Cmd+T - it's hard to find a free shortcut!):
	# > Preferences > Keyboard > Keyboard Shortcuts > Services
	# When setting up Keyboard Shortcut, exit the target app before testing. (It seems shortcuts are only refreshed when app is launched)
	# Adjust 'Short' Date format