anthony tran atran

Screencapture and animated gifs

I say "animated gif" but in reality I think it's irresponsible to be serving "real" GIF files to people now. You should be serving gfy's, gifv's, webm, mp4s, whatever. They're a fraction of the filesize making it easier for you to deliver high fidelity, full color animation very quickly, especially on bad mobile connections. (But I suppose if you're just doing this for small audiences (like bug reporting), then LICEcap is a good solution).

Capturing (Easy)

Launch quicktime player
do Screen recording

The final result: require() any module on npm in your browser console with browserify

This article is written to explain how the above gif works in the chrome (and other) browser consoles. A quick disclaimer: this whole thing is a huge hack, it shouldn't be used for anything seriously, and there are probably much better ways of accomplishing the same.

Update: There are much better ways of accomplishing the same, and the script has been updated to use a much simpler method pulling directly from browserify-cdn. See this thread for details: mathisonian/requirify#5

inspiration

But as I learned by trying to copy Monet’s paintings, that idea is completely mistaken (Colorplate 2). It is not possible to reproduce the effect of a Monet painting by jousting mechanically with the canvas, jabbing a dot of paint here and planting another one there, until the surface is uniformly puckered in Monet’s signature texture. A painter who does that will end up with a picture that looks soft and uninteresting, with a dull pattern of swirling circles like the ones left by some electric rug cleaners. A brush that’s loaded with paint and then pushed onto the canvas makes a circle, more or less, but Monet’s pictures do not have any circles in them. There is only one slightly rounded mark in this detail from one of his garden paintings—the blue patch at the lower right—and it’s rectangular, not circular at all. [The painting below is a different one.]

1

    std::set phoenix;
    phoenix.key_comp();

http://www.imdb.com/title/tt0373889

	<script type="text/javascript">
	(function () {
	"use strict";
	// once cached, the css file is stored on the client forever unless
	// the URL below is changed. Any change will invalidate the cache
	var css_href = './index_files/web-fonts.css';
	// a simple event handler wrapper
	function on(el, ev, callback) {
	if (el.addEventListener) {
	el.addEventListener(ev, callback, false);

	// Generated on 2014-03-14 using generator-webapp 0.4.8
	'use strict';

	// # Globbing
	// for performance reasons we're only matching one level down:
	// 'test/spec/{,/}.js'
	// use this if you want to recursively match all subfolders:
	// 'test/spec/*/.js'

	module.exports = function (grunt) {

	var MyApp = angular.module('MyApp');
	MyApp.factory('msgBus', ['$rootScope', function($rootScope) {
	var msgBus = {};
	msgBus.emitMsg = function(msg, data) {
	data = data \|\| {};
	$rootScope.$emit(msg, data);
	};
	msgBus.onMsg = function(msg, func, scope) {
	var unbind = $rootScope.$on(msg, func);
	if (scope) {

	var gulp = require('gulp');
	var uglify = require('gulp-uglify');
	var concat = require('gulp-concat');
	var templates = require('gulp-angular-templatecache');
	var minifyHTML = require('gulp-minify-html');

	// Minify and templateCache your Angular Templates
	// Add a 'templates' module dependency to your app:
	// var app = angular.module('appname', [ ... , 'templates']);

	angular.module('myMdl', []).config(['$httpProvider', function($httpProvider) {
	$httpProvider.responseInterceptors.push([
	'$q', '$templateCache', 'activeProfile',
	function($q, $templateCache, activeProfile) {

	// Keep track which HTML templates have already been modified.
	var modifiedTemplates = {};

	// Tests if there are any keep/omit attributes.
	var HAS_FLAGS_EXP = /data-(keep\|omit)/;