Javier Arce javierarce

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

#botally code of conduct

_{based on the #nodejs code of conduct by @izs}

tl;dr If you’re a mean butt you get kicked out. This is not negotiable.

Sexist, heteronormative, racist, and other offensive remarks are not allowed. (Cursing is allowed, but never targeting another user, and never in a hateful or sexually explicit manner.)
Remarks that make any of the ops go “Hm, that’s inappropriate”, whether on the above list or not: also not allowed.
You get a warning.
If the warning is not taken seriously, you might get a second sterner warning in PM, if you’re lucky, and the op is feeling generous, and this is the first time. But don’t count on that.

Projects I did in 2014

This year I was a little less prolific than last year (40-ish projects compared to 75-ish projects). But for the most part I did fewer throwaway projects. Oh also one of my 2014 projects is a book I wrote that was a year-long project that took up a lot of my free time in 2014. Also not on this list are some talks that I gave and all that kind of stuff, most notably my How I Won the Lottery talk from XOXO 2014.

Anyway here is the list of things I made:

Clicker Maker. Generating endless "Cookie Clicker" style games.
Farewell Letter Generator. Say goodbye to your coworkers in style.
Corpora. A collection of small corpuses of

Hello, visitors! If you want an updated version of this styleguide in repo form with tons of real-life examples… check out Trellisheets! https://github.com/trello/trellisheets

Trello CSS Guide

“I perfectly understand our CSS. I never have any issues with cascading rules. I never have to use !important or inline styles. Even though somebody else wrote this bit of CSS, I know exactly how it works and how to extend it. Fixes are easy! I have a hard time breaking our CSS. I know exactly where to put new CSS. We use all of our CSS and it’s pretty small overall. When I delete a template, I know the exact corresponding CSS file and I can delete it all at once. Nothing gets left behind.”

You often hear updog saying stuff like this. Who’s updog? Not much, who is up with you?

OK. So I wrote some article about predictive policing. And it had lots of links, and it turns out sometimes editors see your links and are like ¯_(ツ)_/¯ to keeping those links when they publish the article. This is probably in part my own fault because I should have included those links as footnotes, and because working in print vs working online is Different, etc etc--the point is I feel really rotten that lots of really good reporting wasn't given due credit. Putting this list together does not totally fix it but will hopefully help people interested in the topic.

Also: there is a part at the end of this gist that explains my mixed feelings about the piece in general. The citations are probably more important, but if you want to watch me tableflip a little scroll down.

Matt Stroud's The minority report: Chicago's new police computer predicts crimes, but is it racist? This is pretty much the s

Design Hacking — Mi chapa del UX Spain 2015

Hola, mundo

Soy Ale Muñoz. Nací en Sevilla, aunque ahora vivo con mi mujer y mi hija en Madrid, donde trabajo para una empresa holandesa, con un equipo repartido por toda Europa, haciendo software que se usa en todos los rincones del mundo.

Me gusta diseñar, cocinar, y sentarme plácidamente a poner la mente en blanco sin hacer absolutamente nada.

Llevo muchos años ayudando a diseñadores y diseñadoras a trabajar menos, fabricando herramientas para automatizar tareas, definiendo procesos de trabajo, o gestionando proyectos de diseño. Si alguna vez habéis trabajado conmigo es posible que os haya contado algún truco para hacer algo más rápido

	{
	// Full list of supported options and acceptable values can be found here:
	// https://github.com/csscomb/csscomb.js/blob/master/doc/options.md
	"config": {
	"remove-empty-rulesets": true,
	"always-semicolon": true,
	"color-case": "lower",
	"block-indent": " ",
	"color-shorthand": false,
	"element-case": "lower",

	#!/bin/bash

	# Configuration #############################################

	# For Slack tokens go to https://api.slack.com/#auth
	SLACK_TOKEN=""
	# In seconds
	AWAY_AFTER=120
	CHECK_EVERY=10

	<html>
	<head>
	<script src="gif.js"></script>
	<script src="http://cdnjs.cloudflare.com/ajax/libs/p5.js/0.3.11/p5.min.js"></script>
	<script src="http://cdnjs.cloudflare.com/ajax/libs/p5.js/0.3.11/addons/p5.dom.js"></script>
	<script src="sketch.js"></script>
	</head>
	<body>
	<p>First, allow camera access.<p><p>Then click once to start recording, and another time finish recording and make a gif.</p>
	</body>

	require_relative "test_helper"

	require "open-uri"
	require "net/http"

	class EmojiTest < Blog::Test
	def test_no_emoji
	posts.each do \|post\|
	content = File.read(post)
	refute_match /:[a-zA-Z0-9_]+:/, content,