Skip to content

Instantly share code, notes, and snippets.

unruthless / gist:7aa125be39eb57ab19c7
Created Mar 13, 2015
Transition bind/unbind pattern
View gist:7aa125be39eb57ab19c7
var transitionend = 'webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend',
$el = $('.foo'),
onTransitionEnd = function(event) {
$el.on(transitionend, onTransitionEnd);
unruthless /
Last active Aug 29, 2015
World Cup "Injuries"

A quick scatterplot to show this data:

To improve:

  • Not enough colors to have a unique color per team
  • Some labels are overlapping and obscuring each other.
  • Superlative stats would be useful (most "injury"-prone, biggest delayer of game, most stoic/likely to survive zombie apocalypse)
unruthless / index.html
Last active Aug 29, 2015
Simple scrubber UI component
View index.html
<!doctype html>
<meta charset="utf-8">
<style type="text/css">
.container {
background: #333;
View gist:5ae56a935b5edfc7c66e
# Get process ID
ps aux | grep -i "Program To Kill"
# Kill the process
killall -9 PID
unruthless / globalsniffer.js
Last active Aug 29, 2015
sniffs for global variables
View globalsniffer.js
* Detect Globals
* @source
(function () {
'use strict';
function getIframe() {
var el = document.createElement('iframe');
unruthless / gist:11383824
Last active Apr 16, 2022
HTML Email Template guidelines
View gist:11383824

General guidelines for designing HTML email templates.

Questions and comments welcome anytime – thanks for reading!


  • Coding for HTML emails is like coding for Internet browsers from 10 years ago. (It’s the email clients’ — Outlook, etc. — fault.)
  • Picture a website from a decade ago: that’s the level of design complexity we can reasonably shoot for.


View gist:11383785
Pop App
Marvel App
Sketch & D3
unruthless / preventPinchToZoom.js
Created Apr 28, 2014
Prevent pinch-to-zoom on Win8/Chrome tablet
View preventPinchToZoom.js
(function () {
'use strict';
function preventPinchToZoom(event) {
if (event.touches.length >= 2) {
unruthless / mq-boilerplate.css
Last active Jul 5, 2016
Media Query Boilerplate
View mq-boilerplate.css
* Target styles based on screen color support
/* Screen is in monochrome */
@media (monochrome) {
/* Screen is in color */
@media (color) {
View restore_blink.css