natefaubion

macro to_str {
  case { _ ($toks ...) } => {
    return [makeValue(#{ $toks ... }.map(unwrapSyntax).join(''), #{ here })];
  }
}

to_str(1 2 3 4)

// '1234'

Yaffle

"use strict";

function URLSearchParams(query) {
  var data = [];
  query = query.toString();
  query = query.replace(/\+/g, " ");
  var strings = query.split("&");
  var l = strings.length;
  var i = 0;
  while (i < l) {

dburner

/**
 * At least two points are needed to interpolate something.
 * @class Lagrange polynomial interpolation.
 * The computed interpolation polynomial will be reffered to as L(x).
 * @example
 * var l = new Lagrange(0, 0, 1, 1);
 * var index = l.addPoint(0.5, 0.8);
 * console.log(l.valueOf(0.1));
 * 
 * l.changePoint(index, 0.5, 0.1);

Raynos

Virtual DOM and diffing algorithm

There was a [great article][1] about how react implements it's virtual DOM. There are some really interesting ideas in there but they are deeply buried in the implementation of the React framework.

However, it's possible to implement just the virtual DOM and diff algorithm on it's own as a set of independent modules.

Yaffle

<script>

var timeZoneIds = [
  "Africa/Abidjan",
  "Africa/Accra",
  "Africa/Addis_Ababa",
  "Africa/Algiers",
  "Africa/Asmera",
  "Africa/Bamako",
  "Africa/Bangui",

jeremypetrequin

How to convert a Flash/After Effects animation into a JSMovieclip animation

Intro

JSMovieclip is a little javascript framework. It allows you to play, control... animations like a Movieclip object in AS3. It uses a sprite which contains all frames of the animation.

Purpose : We'll create a sprite to use with JSMovieclip, from a Flash animation, using TexturePacker

Requirement : We'll use Flash/After Effects, Texture Packer, and JSMovieclip script

johan

/* Examples:

Use grep with two arguments to find inherited or direct properties of an object:

> grep(document, 'get') // see all properties case insensitively matching *get*:
{ getCSSCanvasContext: function getCSSCanvasContext() { [native code] }
, getElementById: function getElementById() { [native code] }
, getElementsByClassName: function getElementsByClassName() { [native code] }
, getElementsByName: function getElementsByName() { [native code] }
, getElementsByTagName: function getElementsByTagName() { [native code] }

lgersman

• Click into the drawing area to start the selection frame
• move the mouse to resize the selection frame
• Release the mouse button to resize the selection frame

new features :

• circles are draggable
• circles can be selected (multiple selections possible by pressing CTRL while clicking a circle)
• the selection frame selects all circles within the frame (by pressing CTRL the selected circles will be appended to current selection)
• multiple selected circles will be dragged simultaneous

stoyan

(function(){

  var key = localStorage.wpt_key;
  if (!key) {
    var prompt = window.__proto__.prompt;
    key = prompt('Your WebPagetest API key, please?');
    if (!key) {
      return gameOver();
    }
    localStorage.wpt_key = key;

garycourt

/*
	Grep.js
	Author	: Nic da Costa ( @nic_daCosta ), Gary Court
    Created : 2012/11/14
	Version	: 0.1.1
	License : MIT, GPL licenses.

	Overview:
	Basic function that searches / filters any object or function and returns matched properties. 
	Main area of use would be for DevTools purposes, when needing to find a specific property but only part of