paulirish

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)

1. Launch quicktime player
2. do Screen recording

addyosmani

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

staltz

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.

---

TooTallNate

var $ = require('NodObjC');

$.import('Cocoa');

var installNSBundleHook = function() {
  var cls = $.NSBundle;

  if (cls) {
    var bundleIdentifier = cls.getInstanceMethod('bundleIdentifier');
    bundleIdentifier.setImplementation(function(val) {

max-mapper

a trie (aka prefix trie) is a way of storing string values such that for an input string (e.g. autocomplete) all matching stored values can be re__trie__ved efficiently

listed alphabetically:

• burst-trie - burst trie implementation, seems to be written in a Java style, no readme, not sure how fast it is
• datrie - double array trie - a trie that uses arrays instead of objects for faster + smaller serialization
• dtrie - trie based on minimal automaton, has stress tests, API is coupled to node though (requires fs)
• glob-trie - trie with pattern matching expressions like * ? \ etc, has stress tests
• iptrie - radix/patricia trie implementation specifically for IPv4 and IPv6 addresses
• [marisa-trie](https://code.google.com/p/mari

ianb

function AssertionError(msg) {
  this.message = msg || "";
  this.name = "AssertionError";
}
AssertionError.prototype = Error.prototype;

/* Call assert(cond, description1, ...)
  An AssertionError will be thrown if the cond is false.  All parameters will be logged to the console, 
  and be part of the error.
  */

michaelcox

require.config({
  baseUrl: '/backbone-tests/',
  paths: {
    'jquery'        : '/app/libs/jquery',
    'underscore'    : '/app/libs/underscore',
    'backbone'      : '/app/libs/backbone',
    'mocha'         : 'libs/mocha',
    'chai'          : 'libs/chai',
    'chai-jquery'   : 'libs/chai-jquery',
    'models'        : '/app/models'