Sebastian Bejga SBejga

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:

A simple bookmarklet which makes our painful life a bit easier.

javascript:(function(b,a,c,d,e){if(/\.\w+$/.test(a))b.location=c+a.replace("/blob/","/");else if(e=prompt("Insert a filename:","index.html"))b.location=c+a.replace("/tree/","/")+(~a.indexOf(d)?"/":d)+e})(window,location.pathname,"http://rawgit.com","/master/");

The usage is quite simple:

Go to any repo where you like to preview a file, and execute the booklet. If the current url is a file, it should open the file directly, otherwise it will prompt for a filename (per default it is index.html).

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

	# credits: https://superuser.com/questions/686317/how-to-fully-uninstall-the-cocoapods-from-the-mac-machine

	# remove gems
	for i in $( gem list --local --no-version \| grep cocoapods );
	do
	gem uninstall $i;
	done

	# Additionally delete ~/.cocoapods to remove the cache of podspecs.

	var fs = require('fs');
	//npm install @types/node @types/es6-promise

	function loadFromJson(filename: string) {
	//TODO: read files async with Promises
	}

	var files: string[] = [
	"good.json", "absent.json", "good2.json", "invalid.json", "good3.json"
	];

	{
	"name": "3_tsconfig",
	"version": "1.0.0",
	"description": "",
	"main": "old.js",
	"scripts": {
	"demo": "tsc && node build/js/reverseGeo.js 'Stuttgart, Germany'"
	},
	"author": "",
	"license": "Apache-2.0",

	var request = require('request');

	var reverseGeocode = function(locationName, callback) {
	request({
	uri: "http://nominatim.openstreetmap.org/search?format=json&q="+locationName,
	json: true
	}, function(err, response, body) {
	if (err) { return callback(err, null); }
	else {
	if (body && body.length) {

	# helper bash script to open multiple chrome windows at given position and size
	# works at mac os x sierra
	open -n -g -a /Applications/Google\ Chrome\ Canary.app --args --new-window --app="data:text/html,<html><body><script>window.resizeTo(500,1000);window.moveTo(1200,50);window.location='http://localhost:8000/server/';</script></body></html>"
	open -n -g -a /Applications/Google\ Chrome\ Canary.app --args --new-window --app="data:text/html,<html><body><script>window.resizeTo(1100,300);window.moveTo(70,50);window.location='http://localhost:8000/';</script></body></html>"
	open -n -g -a /Applications/Google\ Chrome\ Canary.app --args --new-window --app="data:text/html,<html><body><script>window.resizeTo(1100,300);window.moveTo(70,350);window.location='http://localhost:8000/';</script></body></html>"
	open -n -g -a /Applications/Google\ Chrome\ Canary.app --args --new-window --app="data:text/html,<html><body><script>window.resizeTo(1100,300);window.moveTo(70,650);window.location='http://localhost:8000/';</script><

	<html>
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="chrome=1">
	<meta name="viewport" content="width=device-width,initial-scale=1.0">

	<link rel="stylesheet" type="text/css" media="screen" href="v2.css">
	<link rel="stylesheet" type="text/css" media="screen" href="stylesheet.css">

	<title>Cordova Features</title>

	//import from node.js core to read from stdin
	var readline = require('readline');

	//Configure Readline
	var rl = readline.createInterface({
	input: process.stdin,
	output: process.stdout
	});

	//Init Array for Students